jQuery Validation Plugin验证插件手动验证
jquery.validate是jquery旗下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，并且对国际化也有很好的支持。
正常的验证模式如下:
<formid="ff"action="xxx">
...
<inputtype="submit"value="提交">
</form>
[java]viewplaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate()
这样只要点击提交按钮,插件会自动进行验证.
但是有时候我们想要点击其它按钮来验证一下表单,接着根据表单的验证结果来做剩下的事情.
查看源码发现有个form()方法,这个方法就是进行验证操作,虽然方法字面意思不太相符.
然后我们就可以这样操作:
varvalidator;//申明一个全局变量
$(function(){
validator=$('#ff').validate();//这句话会返回一个对象
})
functionadd(){
varb=validator.form();//返回一个布尔值
if(b){//验证成功
//doadd...
}
}
<buttononclick="add()">保存</button>
如果验证出错了,会显示错误信息,如果要清除错误信息可以调用validator.resetForm();方法
这样有了validator.form()和validator.resetForm()两个方法我们就可以灵活使用验证插件了.
验证字段
required–必填字段
remote–远程验证
minlength–最小长度验证
maxlength–最大长度验证
rangelength–长度范围验证
min–最小值验证
max–最大值验证
range–范围值验证
email–邮件地址验证
url–URL地址验证
date–日期验证
dateISO–ISO日期格式验证
number–十进制数验证
digits–数字验证
creditcard–信用卡号验证
equalTo–和另外一个文本框的值相等验证
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短