码迷,mamicode.com
首页 > 其他好文 > 详细

知问前端——验证插件

时间:2016-05-03 14:06:43      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

   验证插件(validate.js),是一款验证常规表单数据合法性的插件。使用它,极大的解放了在表单上繁杂的验证过程,并且错误提示显示的完善也增加了用户体验。

   使用validate.js插件

   官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation

   最重要的文件是jquery.validate.js,还有两个可选的辅助文件:additional-methods.js(控件class方式)和message_zh.js(提示汉化)文件(实际使用,请使用min压缩版)。

   第一步:引入jquery.validate.js:

<script type="text/javascript" src="jquery.validate.js"></script>

   第二步:在JS文件中执行:

$(‘#reg‘).validate();

   默认验证规则

   validate.js的默认验证规则的写法有两种形式:1.控件属性方式;2.JS键值对传参方式

   默认规则列表

规则名 说明
required:true 必须输入字段
email:true 必须输入正确格式的电子邮件
url:true 必须输入正确格式的网址
date:true 必须输入正确格式的日期(IE6验证出错)
dateISO:true 必须输入正确格式的日期(ISO)(只验证格式,不验证有效)
number:true 必须输入合法的数字(负数,小数)
digits:true 必须输入正整数
creditcard:true 必须输入合法的信用卡号,例如:5105105105105100
equalTo:"#field" 输入值必须和#field相同
minlength:5 输入长度最小是5的字符串(汉字算一个字符)
maxlength:10 输入长度最多是10的字符串(汉字算一个字符)
rangelength:[5,10] 输入长度介于5和10之间的字符串(汉字算一个字符)
range:[5,10] 输入值必须介于5和10之间
min:5 输入值不能小于5
max:10 输入值不能大于10
remote:"check.php" 使用ajax方法调用check.php验证输入值

   使用控件方式验证——必填和不得小于两位:

<input type="text" class="required" minlength="2" name="user" id="user" />

   注意:默认规则里设置布尔值的,直接写到class里即可实现,如果是数字或数组区间,直接使用属性=值的方式即可。而对于错误提示,可以引入中文汉化文件,或直接替换掉即可。

  


  

 

知问前端——验证插件

标签:

原文地址:http://www.cnblogs.com/yerenyuan/p/5454510.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!