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

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

 

1. AtiValidate的目标1

2. 默的认校验规则1

2.1. 使用方式 1、metadata用法，将校验规则写到控件中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-23，1998/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:[email protected]

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

 

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

四、使用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