atitit.jQuery Validate驗(yàn)證框架詳解與ati Validate?設(shè)計(jì)新特性

?

1. AtiValidate的目標(biāo)1

2. 默的認(rèn)校驗(yàn)規(guī)則1

2.1. 使用方式?1、metadata用法，將校驗(yàn)規(guī)則寫(xiě)到控件中2

2.2. 2、將校驗(yàn)規(guī)則寫(xiě)到js代碼中2

3. 校驗(yàn)2

4. jquery的validate問(wèn)題3

?

?

1.?AtiValidate的目標(biāo)

支持驗(yàn)證單個(gè)元素

支持后端服務(wù)器驗(yàn)證

支持html ext 標(biāo)簽的屬性書(shū)寫(xiě)方式

可以在btn-click時(shí)間中手動(dòng)調(diào)用。

?

?

2.?默的認(rèn)校驗(yàn)規(guī)則

(1)、required:true???????????????必輸字段

(2)、remote:"remote-valid.jsp" ??使用ajax方法調(diào)用remote-valid.jsp驗(yàn)證輸入值

(3)、email:true??????????????????必須輸入正確格式的電子郵件

(4)、url:true????????????????????必須輸入正確格式的網(wǎng)址

(5)、date:true???????????????????必須輸入正確格式的日期，日期校驗(yàn)ie6出錯(cuò)，慎用

(6)、dateISO:true????????????????必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗(yàn)證格式，不驗(yàn)證有效性

(7)、number:true?????????????????必須輸入合法的數(shù)字(負(fù)數(shù)，小數(shù))

(8)、digits:true?????????????????必須輸入整數(shù)

(9)、creditcard:true?????????????必須輸入合法的信用卡號(hào)

(10)、equalTo:"#password" ???????輸入值必須和#password相同

(11)、accept: ???????????????????輸入擁有合法后綴名的字符串（上傳文件的后綴）

(12)、maxlength:5 ???????????????輸入長(zhǎng)度最多是5的字符串(漢字算一個(gè)字符)

(13)、minlength:10 ??????????????輸入長(zhǎng)度最小是10的字符串(漢字算一個(gè)字符)

(14)、rangelength:[5,10] ????????輸入長(zhǎng)度必須介于 5 和 10 之間的字符串")(漢字算一個(gè)字符)

(15)、range:[5,10] ??????????????輸入值必須介于 5 和 10 之間

(16)、max:5 ?????????????????????輸入值不能大于5

(17)、min:10 ????????????????????輸入值不能小于10

?

作者::??★(attilax)>>>???綽號(hào):老哇的爪子?（?全名：：Attilax?Akbar?Al?Rapanui?阿提拉克斯?阿克巴?阿爾?拉帕努伊?）?漢字名：艾龍，??EMAIL:1466519819@qq.com

轉(zhuǎn)載請(qǐng)注明來(lái)源：?http://blog.csdn.net/attilax

?

2.1.?使用方式
1、metadata用法，將校驗(yàn)規(guī)則寫(xiě)到控件中

四、使用class="{}"的方式，必須引入包：jquery.metadata.js；
可以使用如下的方法，修改提示內(nèi)容：class="{required:true,minlength:5,messages:{required:'請(qǐng)輸入內(nèi)容'}}"；
在使用equalTo關(guān)鍵字時(shí)，后面的內(nèi)容必須加上引號(hào)，如下代碼：class="{required:true,minlength:5,equalTo:'#password'}"。

?

2.2.?2、將校驗(yàn)規(guī)則寫(xiě)到js代碼中

?

?

?rules:{

????????????????????myname:{

????????????????????????required:true

????????????????????},

????????????????????email:{

????????????????????????required:true,

????????????????????????email:true

????????????????????},

????????????????????password:{

????????????????????????required:true,

????????????????????????rangelength:[3,10]

????????????????????},

????????????????????confirm_password:{

????????????????????????equalTo:"#password"

????????????????????} ???????????????????

????????????????},

3.?校驗(yàn)

默認(rèn)使用form提交消炎

?

?

如果想用ajax提交表單，還想用jquery的validate進(jìn)行驗(yàn)證，可以采用如下方法。?
1：表單還是正常編寫(xiě)的表單內(nèi)容，button還是submit類(lèi)型，只不過(guò)在validate驗(yàn)證通過(guò)后的方法中使用ajax提交表單?
$("#saveWorkExtra").validate({?

?

4.?jquery的validate問(wèn)題

Valid喧賓奪主，ajax方式不那么只管

止咳form valid,不能element ?valid。。

不支持html ext 標(biāo)簽的屬性書(shū)寫(xiě)方式，而是使用了class metadata方式，容易和ui框架沖突

?

jQuery Validate驗(yàn)證框架詳解 - Ruthless - 博客園.htm

轉(zhuǎn)載于:https://www.cnblogs.com/attilax/p/5963389.html

總結(jié)

以上是生活随笔為你收集整理的atitit.jQuery Validate验证框架详解与ati Validate 设计新特性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。