onsubmit事件怎么使用

 时间:2024-11-06 02:01:53

1、新建一个HTML文件,文件命名为test.html,代码如下:

onsubmit事件怎么使用

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

onsubmit事件怎么使用

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

onsubmit事件怎么使用

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

onsubmit事件怎么使用

5、在form表单中,使用onsubmit事件来执行一个函数,函数用来判断两个input输入框是否为空,为空的情况下,不允许提交。注意:onsubmit是必须使用return 函数名()的形式编写,否则会出现即使判断不成功也会提交数据。

onsubmit事件怎么使用

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

onsubmit事件怎么使用

7、至此,代艨位雅剖码编写完毕。运行代码,点击页面“提交”按钮,在提交表单时,通过onsubmit事件中的函数来判断输入框内容是为空,为空时弹出提示框,不允许提交数据。代码下载地址: https://pan.baidu.com/s/1QS4CppN0Md5H3NtpNj_ldw 提取码: sp5k

onsubmit事件怎么使用
  • js如何改变input内文字的颜色
  • Visual Studio Code怎么调用外部浏览器
  • css如何让两个div垂直对齐?
  • CSS中如何设置td元素之间的上下间距?
  • sublime text切换成中文教程
  • 热门搜索
    酸奶什么时候喝好 有什么好看的日本动漫 微波炉不加热是什么原因 真水无香什么意思 克罗心是什么 运动会小报 什么人始终不敢洗澡 什么是第三产业 marine是什么意思 warning是什么意思