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 设计新特性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。