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