表单提交前验证实现方法
来源:互联网 发布:java float与double 编辑:程序博客网 时间:2024/06/03 18:00
form表单提交是网站中最常见的,基本上所有的网站都会用到。
除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单。
但是在提交表单的时候,难免会出现一些意想不到的错误。
比如说数据库里面的name字段,明明是不允许为空,但是在提交表单的时候,没有填写,却提交了。
要如何才能避免这种情况发生呢?
这时我们就需要在表单提交前进行验证了。
看看下面的代码。
<form name="form1" id="form1" method="post"> <div> <p> 姓名:<input type="text" name="name" id="name" /> </p> <p> 年龄:<input type="text" name="age" id="age" /> </p> <p> <input type="submit" name="okbtn" id="okbtn" value="提交" /> </p> </div> </form> <script> $("#okbtn").click(function(){ var name=$.trim($("#name").val()); var age=$.trim($("#age").val()); if (name==''){ alert("请填写姓名"); return false; } if (age==''){ alert("请填写年龄"); return false; } }); </script>
上面的代码,我们用的jquery。
当点击提交按钮的时候,在其click事件中,判断填写字段是否为空,如果为空,则return false,就不会进行提交了。
同理,对其他表单字段进行验证也是同样的方法。
原文来自http://www.santii.com/article/161.html阅读全文
0 0
- 表单提交前验证实现方法
- 表单提交前验证
- 表单提交前验证
- 表单提交前验证
- 表单提交前验证
- form表单提交前验证
- form表单提交前验证
- form 表单提交前验证
- 表单提交前的验证
- form 表单提交前验证
- form表单提交前验证
- 表单提交前 校验方法
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- Html form 表单提交前验证
- web表单提交前用JavaScript验证
- Html form 表单提交前验证
- 获取指定进程被启动的次数
- 4用于cifar10的卷积神经网络-4.19tanh和softsign激活函数的输出汇总分析
- Zookeeper安装
- HDU1540--线段树(最长连续区间)
- 11.27学习心得
- 表单提交前验证实现方法
- 你也许要付出5000亿刀的学费,才能明白架构的重要性
- Python实现PAT 1063. Set Similarity (25)
- python学习之头文件问题
- 使用Gradle创建Java项目
- java编程思想---第三章(操作符)
- Gearman的Worker的多进程实现
- 11.27第17节课
- 内嵌式tomcat启动web工程