做一些很小的项目时没有那么多需求,就是简单粗暴的验证表单选项是否填写了,没有填写就弹对话框提示。本文就是来说下这种简单的JQ表单验证代码怎么写?
事先声明:本示例用到了JQ,请先引入JQ库。
思路很简单,就是验证input的val值是否为空,为空就弹提示出来并阻止下一步的运行,代码如下:
$("#myform").submit(function(){ if($("input[name='D1']").val() == ""){ alert("输入您的手机号") $("input[name='D1']").focus(); return false } });
是不是很简单和粗暴???
下面来简单解释下,给你的表单form加一个“myform”的id,这个值当然随便定义,然后就是验证name=“D1”的input的val值了,以此类推,根据自己需求修改就行了。
水文一篇,适合初学者,求大神勿喷。