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:1466519819@qq.com
转载请注明来源： 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
转载于:https://www.cnblogs.com/attilax/p/5963389.html
总结
以上是生活随笔为你收集整理的atitit.jQuery Validate验证框架详解与ati Validate 设计新特性的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 关于纯虚函数
- 下一篇： 安装完成后在命令行运行bash时报错0x