电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到onsubmit事件怎么使用的问题，如果我们遇到了onsubmit事件怎么使用的情况，该怎么处理怎么才能解决onsubmit事件怎么使用带来的困扰呢，对于这样的问题其实我们只需要新建一个HTML文件，文件命名为test.html，代码如下：在test.html中创建一个form表单，用于对表单控件的输入数据进行提交。在form表单内定义两个input输入框，用于输入数据。两个输入框的类型均为text。一个是用户名输入框，一个是性别输入框。在form表单内定义一个input按钮，类型为submit，点击该按钮用于提交表单。在form表单中，使用onsubmit事件来执行一个这样就解决了这样的问题，接下来给大家带来onsubmit事件怎么使用的详细操作步骤。

方法/步骤

新建一个HTML文件，文件命名为test.html，代码如下：

在test.html中创建一个form表单，用于对表单控件的输入数据进行提交。

在form表单内定义两个input输入框，用于输入数据。两个输入框的类型均为text。一个是用户名输入框，一个是性别输入框。

在form表单内定义一个input按钮，类型为submit，点击该按钮用于提交表单。

在form表单中，使用onsubmit事件来执行一个函数，函数用来判断两个input输入框是否为空，为空的情况下，不允许提交。

注意：onsubmit是必须使用return 函数名（）的形式编写，否则会出现即使判断不成功也会提交数据。

使用js编写判断的代码，假如用户名或性别为空时，返回false，不允许提交表单数据。

至此，代码编写完毕。

运行代码，点击页面“提交”按钮，在提交表单时，通过onsubmit事件中的函数来判断输入框内容是为空，为空时弹出提示框，不允许提交数据。

代码下载地址： https://pan.baidu.com/s/1QS4CppN0Md5H3NtpNj_ldw 提取码: sp5k

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。