JQuery：表单验证插件——validation（表单校验示例）

validation插件

1、导包

• 先引入jquery.js（validate基于jquery的插件）
• 引入表单校验插件(jquery.validate.js) dist目录下
• 引入dist/localization目录下的messages_zh.js (中文简体)

2、为指定表单加入校验

validate需要手动声明对哪个表单进行校验
也就是说需要手动调用 validate() 方法。

3、为校验加入规则

validate() 方法中可以指定添加规则

<script type="text/javascript">
	 $(function () {
   
		//为指定表单加入校验
		$("#表单ID").validate({
   
             // rules：加入校验的规则
                rules:{
   
                 //name1 ：表单输入项的name属性值
                   name1:{
   
                 //规则1：规则名称(人家定义好的，只需要掌握这个规则是什么意思)      
                       规则1:规则值,
                       规则2：规则值
					},
                  //name2 ：表单输入项的name属性值
				  name2:{
   
                       规则1:规则值,
                       规则2：规则值
					}
				}
			});
		});
</script>

validation 规则速查表

校验类型	取值	描述说明
required	true丨false	必填字段
email	true丨false	邮箱地址
date	true丨false	日期(支持年、年月、年月日、年月日时分秒 都支持)
dateISO	true丨false	日期(只支持 年月日)
number	true丨false	数字
digits	true丨false	整数
minlength	填写具体数字	最小长度
maxlength	填写具体数字	最大长度
rangelength	[minlength,maxlength]	长度范围
min	填写具体数字	最小值
max	填写具体数字	最大值
range	[min,max]	取值范围
equalTo	JQuery选择器表达式	两个值相同。两个值相同允许，值不同不允许
remote	URL路径	Ajax校验
url