atitit.jQuery Validate验证框架详解与ati Validate 设计新特性

atitit.jQuery Validate验证框架详解ati Validate 设计新特性

 

1. AtiValidate的目标1

2. 认校验规则1

2.1. 使用方式 1metadata用法,将校验规则写到控件中2

2.2. 2、将校验规则写到js代码中2

3. 校验2

4. jquery的validate问题3

 

 

1. AtiValidate的目标

支持验证单个元素

支持后端服务器验证

支持html ext 标签的属性书写方式

可以在btn-click时间中手动调用。

 

 

2. 认校验规则

(1)required:true               必输字段

(2)remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值

(3)email:true                  必须输入正确格式的电子邮件

(4)url:true                    必须输入正确格式的网址

(5)date:true                   必须输入正确格式的日期,日期校验ie6出错,慎用

(6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-231998/01/22 只验证格式,不验证有效性

(7)number:true                 必须输入合法的数字(负数,小数)

(8)digits:true                 必须输入整数

(9)creditcard:true             必须输入合法的信用卡号

(10)equalTo:"#password"        输入值必须和#password相同

(11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)

(12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符)

(13)minlength:10               输入长度最小是10的字符串(汉字算一个字符)

(14)rangelength:[5,10]         输入长度必须介于 5 10 之间的字符串")(汉字算一个字符)

(15)range:[5,10]               输入值必须介于 5 10 之间

(16)max:5                      输入值不能大于5

(17)min:10                     输入值不能小于10

 

作者::  ★(attilax)>>>   绰号:老哇的爪子  全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊  汉字名:艾龙,  EMAIL:1466519819@qq.com

转载请注明来源: http://blog.csdn.net/attilax

 

2.1. 使用方式
1metadata用法,将校验规则写到控件中

四、使用class="{}"的方式,必须引入包:jquery.metadata.js
可以使用如下的方法,修改提示内容:class="{required:true,minlength:5,messages:{required:'请输入内容'}}"
在使用equalTo关键字时,后面的内容必须加上引号,如下代码:class="{required:true,minlength:5,equalTo:'#password'}"

 

2.2. 2、将校验规则写到js代码中

 

 

 rules:{

                    myname:{

                        required:true

                    },

                    email:{

                        required:true,

                        email:true

                    },

                    password:{

                        required:true,

                        rangelength:[3,10]

                    },

                    confirm_password:{

                        equalTo:"#password"

                    }                    

                },

3. 校验

默认使用form提交消炎

 

 

如果想用ajax提交表单,还想用jquery的validate进行验证,可以采用如下方法。 
1:表单还是正常编写的表单内容,button还是submit类型,只不过在validate验证通过后的方法中使用ajax提交表单 
$("#saveWorkExtra").validate({ 

 

4. jquery的validate问题

Valid喧宾夺主,ajax方式不那么只管

止咳form valid,不能element  valid。。

不支持html ext 标签的属性书写方式,而是使用了class metadata方式,容易和ui框架冲突

 

jQuery Validate验证框架详解 - Ruthless - 博客园.htm

原文地址:https://www.cnblogs.com/attilax/p/15198611.html