onsubmit事件怎么使用

onsubmit是JavaScript中一個提交表單時觸發的事務，常用于驗證表單中的輸入項是否知足前提，當知足前提時就提交數據。下面舉例申明onsubmit事務的利用。

代碼下載地址： 1QS4CppN0Md5H3NtpNj_ldw 提取碼: sp5k

方式/步調

1
新建一個HTML文件，文件定名為test.html，代碼如下：
2
在test.html中建立一個form表單，用于對表單控件的輸入數據進行提交。
3
在form表單內界說兩個input輸入框，用于輸入數據。兩個輸入框的類型均為text。一個是用戶名輸入框，一個是性別輸入框。
4
在form表單內界說一個input按鈕，類型為submit，點擊該按鈕用于提交表單。
5
在form表單中，利用onsubmit事務來執行一個函數，函數用來判定兩個input輸入框是否為空，為空的環境下，不許可提交。
注重：onsubmit是必需利用return 函數名（）的形式編寫，不然會呈現即使判定不當作功也會提交數據。
6
利用js編寫判定的代碼，假如用戶名或性別為空時，返回false，不許可提交表單數據。
7
至此，代碼編寫完畢。
運行代碼，點擊頁面“提交”按鈕，在提交表單時，經由過程onsubmit事務中的函數來判定輸入框內容是為空，為空時彈出提醒框，不許可提交數據。
代碼下載地址： 1QS4CppN0Md5H3NtpNj_ldw 提取碼: sp5k