提交表單

一、 提交表單的方法

1. 單擊提交按鈕或圖片按鈕

   <input type="submit" value="Submit From">
   <button type="submit">Submit From</button>
   <input type="image" src="submit.jpg">
   複製程式碼

2. 按Enter鍵

   條件一：存在上面任何一種按鈕（如果沒有，按Enter鍵不會提交表單）。

   條件二：相應表單控制元件擁有焦點（除textarea，因為文字區中回車換行）。

3. 程式設計方式呼叫submit()方法

   無需表單包含以上三種提交按鈕就可以提交表單。

   var form = document.getElementById("myForm");
   form.submit();
   複製程式碼

二、submit事件

1. 提交表單時，瀏覽器會在請求傳送給伺服器之前觸發submit事件，在此時驗證表單資料，並決定是否允許提交表單。

2. 使用submit()方法提交表單不會觸發submit事件，呼叫此方法之前需要先驗證表單資料。

三、取消表單提交的方法

阻止預設事件。

四、 防止重複提交

1. 在第一次提交表單後就禁用提交按鈕
2. 利用submit事件處理程式，取消後續的表單提交操作