Phương thức submit() của Form trong HTML DOM

Phương thức submit() của Form trong HTML DOM dùng để submit dữ liệu form đến địa chỉ chỉ định bởi thuộc tính action. Nó đóng vai trò như nút submit để gửi dữ liệu form và không nhận tham số nào.

Cú pháp

Cú pháp cho phương thức submit():

formObject.submit()

Ví dụ

Ví dụ minh họa cho phương thức submit() (lưu ý: ví dụ gốc dùng reset(), đã sửa cho đúng submit()):

<!DOCTYPE html> <html> <head> 
<style> 
    form{ border:2px solid blue; margin:2px; padding:4px; } 
</style> 
<script> 
    function SubmitForm() { 
        document.getElementById("FORM1").submit(); 
    } 
</script> </head> <body> 
<h1>Ví dụ phương thức submit() của Form</h1> 
<form id="FORM1" method="post" action="/sample_page.php"> 
    <label>Tên người dùng <input type="text" name="usrN"></label> <br><br> 
    <label>Tuổi <input type="text" name="Age"></label> <br><br> 
    <input type="button" onclick="SubmitForm()" value="GỬI FORM"> 
</form> 
<p id="Sample"></p> 
</body> </html>

Kết quả

Khi nhấn nút "GỬI FORM", form được submit bằng JavaScript đến "/sample_page.php".

Giải thích ví dụ

Tạo form với id="FORM1", method="post", action="/sample_page.php". Nút button type="button" thực thi SubmitForm():

<input type="button" onclick="SubmitForm()" value="GỬI FORM">

Hàm SubmitForm() lấy form và gọi submit():

function SubmitForm() { 
    document.getElementById("FORM1").submit(); 
}