jQuery validate验证插件使用详解(jquery中validate)

推荐整理分享jQuery validate验证插件使用详解(jquery中validate)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jqueryvalidate验证,jquery中validate,jquery valid(),jquery validation,jquery validator,jquery valid(),jqueryvalidate验证,jquery validation,内容如对您有帮助，希望把文章链接给更多的朋友！

Validate验证插件，内置丰富的验证规则，还有灵活的自定义规则接口，HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式，支持input,select,textarea的验证。

Description

浏览器支持：IE7+ 、Chrome、Firefox、Safari、Mobile Browser

jQuery版本：1.7.0+

Usage载入jQuery、validate

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

DOM标签验证规则填写

给需要验证的表单元素的class填入required（不建议在这个class上做其他样式）。建议input用独立div包裹，因为验证的message是从当前input的父元素上append生成。data-tip：在尚未验证而获取焦点时出现的提示。data-valid：验证规则，若有组合验证，以||符号分割。data-error：验证错误提示，对应data-valid，以||符号分割。单选/复选比较特殊，需要添加元素包裹单选/复选集合，并在包裹元素上加验证规则。

JS调用

表单提交前的验证

validate内置验证规则

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

例子：验证用户名，密码，确认密码，主页，生日，邮箱等首先引入Jquery、引入jquery.validate.js、引入messages_cn.js并且为表单定义一个id，为需要验证的控件定义name属性，并赋值，此插件使用的是控件的name属性，而非id。

实现如下效果：