JQuery學習 8 外掛程式 validate驗證

2022-08-11 15:09:16 字數 1401 閱讀 8249

外掛程式是以jquery核心**為基礎,編寫出符合一定規範的應用程式,並將程式進行打包,呼叫時,僅需要包含該打包後的js檔案即可

我們所介紹的以及常用的一些外掛程式都可以在這裡找到

validate

validate簡介:

自帶驗證規則,包括必填,數字,url等

驗證提示資訊(就是驗證失敗時候的提示資訊,要想顯示中文需要外掛程式支援)

多種事件觸發,不僅可以在提交(單擊submit型別的按鈕)時,還可以在keyup,blur事件中觸發驗證

4.允許自定義驗證規則

validate使用方法:

引入jquery

引入jquery.validate.js

引入messages_cn.js

為表單定義乙個id

為需要驗證的控制項定義name屬性,並賦值,此外掛程式使用的是控制項的name屬性,而非id

必須先引入jquery,否則會報錯"jquery未定義"

$('#fmv').validate(,

email:

},errorshow: function (error, element)

})

使用上面的**進行驗證:

rules:宣告驗證規則,此為關鍵字,不能寫錯

username和email:控制項的name屬性的值

errorshow:表示錯誤處理,可以自定義名字

error:錯誤資訊

element:錯誤元素

validate內建驗證規則

required:true必輸字段

remote:"check.php" 使用ajax方法呼叫check.php驗證輸入值

email:true 必須輸入正確格式的電子郵件

url:true 必須輸入正確格式的**

date:true 必須輸入正確格式的日期

dateiso:true 必須輸入正確格式的日期(iso),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性

number:true 必須輸入合法的數字(負數,小數)

digits:true 必須輸入整數

creditcard: 必須輸入合法的信用卡號

equalto:"#field" 輸入值必須和#field相同

accept: 輸入擁有合法字尾名的字串(上傳檔案的字尾)

maxlength:5 輸入長度最多是5的字串(漢字算乙個字元)

minlength:10 輸入長度最小是10的字串(漢字算乙個字元)

rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字串")(漢字算乙個字元)

range:[5,10] 輸入值必須介於 5 和 10 之間

max:5 輸入值不能大於5

min:10 輸入值不能小於10

jQuery 外掛程式學習

總結 1.fn.pluginname function opt 就是為jquery的prototype定義了函式,這樣,任何乙個jquery物件都可以使用這個成員函式,這種寫法直觀明了,你只要知道的就是 fn jquery.prototype prototype 2.fn.extend,在jquer...

Jquery外掛程式學習

前端開發也工作了一段時間,jquery 頁寫了很多,但是都是些的很零散的,不是很好用,網上看了很多人寫的jquery 很好用,而且到每個專案中都可以使用,本人就感覺很好奇他們是怎麼做到的呢,於是自己也開始想學習封裝一下,才用了jquery外掛程式的學習,在學習jquery的開發時候網上也看過了很多人...

jquery 外掛程式 validate 學習

jquery是十分方便的對於現在來說。首先應該明白乙個問題 password 請問的父元素是誰?當然,如果看不出來,我們可以使用chrome瀏覽器一眼真假 這兩個是必須要的引入,rules 包含了所有的驗證規則,message中是驗證成功提示的資訊,success string,function 如...