外掛程式是以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 如...