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

作者:www.s0081.com

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

 

  1. AtiValidate的目标1

2. 默的认校验规则1

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

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

  1. 校验2

4. jquery的validate问题3

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

 

1. AtiValidate的目标

支持验证单个元素

支持后端服务器验证

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

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

 

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

2. 默的认校验规则

atitit.jQuery Validate验证框架详解与ati Validate 设计新特性。(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:1466519819@qq.com

转载请注明来源: 

 

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

本文由金沙城中心全部网址发布,转载请注明来源

关键词: