onsubmit事件怎么使用

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事件中的函数来判断输入框内容是为空，为空时弹出提示框，不允许提交数据。代码下载地址： https://pan.baidu.com/s/1QS4CppN0Md5H3NtpNj_ldw 提取码: sp5k