怎么判断form表单里的Input有没有空

 时间:2024-10-12 17:01:34

1、首先看下我们的html代码,如图,一个form表单里,有二个input输入框,和一个提交按钮。关键是form里有一个onsubmit事件,这个事件是在表单提交时所触发的,调用的方法就是 check方法。

怎么判断form表单里的Input有没有空

3、然后再看下我们的js脚本代码,如图,就是一个check方法,给表单提交时调用的。这个方法里主要是用JQuery方法分别获取到二个input输入框填入的值,如果哪个输入框没有填入,代码就立即 return false,当返回 false时,form表单就不会继续提交数据到服务器了,只有返回 true时,才会提交form到服务器。

怎么判断form表单里的Input有没有空

5、如果我们在输入框里不填入任何内容,就点击提交按钮,如图,可以看到,弹出了提示,告诉我们必须要填入姓名,表单也没有提交到服务器。

怎么判断form表单里的Input有没有空

7、这次我们在界面上把姓名和年龄填入,如图

怎么判断form表单里的Input有没有空
  • tomcat如何配置环境变量
  • jquery如何实现切换元素的css样式
  • 怎么通过js改变display属性
  • Sqlserver之数据的导入
  • 配置JDBC篇之一:配置Java环境变量
  • 热门搜索
    武汉到台湾旅游 青岛周边旅游景点大全 春节到哪里旅游最好 三清山旅游网 酷走旅游网 旅游ppt背景图片 武当山旅游景点 肯尼亚旅游价格 成都华夏旅游商务学校 从化有什么旅游景点