jquery表單驗證學習心得

引用塊內容

官方**：

官方演示：files/demo/

官方文件：documentation/

.asp.net的驗證控制項就是用於此目的, 可以同時進行客戶端和伺服器端驗證. 但是驗證控制項並沒有被所有專案採用. 而且在mvc專案中經常使用自己的客戶端驗證框架.

所以在比較了若干表單驗證外掛程式後, 決定採用validate外掛程式. 因為其使用簡單並且靈活.

query validate這個jquery外掛程式幾乎可以輕鬆應對95%以上的表單驗證，這也是選擇它的原因。

呼叫jquery。需要引用jquery.min.js和jquery.validate.js

因為jquery.validate.js是jquery外掛程式所以必須要有jquery支援，現在使用jquery的**很多。

參考

$.extend($.validator.messages,  的字元"),

minlength: $.validator.format("請輸入乙個 長度最少是  的字元"),
rangelength: $.validator.format("請輸入 乙個長度介於  和  之間的字元"),
range: $.validator.format("請輸入乙個介於  和  之間的值"),
max: $.validator.format("請輸入乙個最大為 的值"),
min: $.validator.format("請輸入乙個最小為 的值")
});

addmethod(name,method,message)方法：

引數name 是新增的方法的名字

引數method是乙個函式,接收三個引數(value,element,param) value 是元素的值,element是元素本身 param是引數

以郵箱驗證規則為例：

jquery.validator.addmethod("mail", function
(value, element) $/;
return
this.optional(element) || (mail.test(value));
}, "郵箱格式不對");

匯入js庫

預設校驗規則（上面參考了）

將校驗規則寫到控制項中

將校驗規則js中

我們也可以用其他方法代替預設的submit

$().ready(function

()     
});});

設定錯誤提示的樣式，可以增加圖示顯示，在該系統中已經建立了乙個validation.css專門用於維護校驗檔案的樣式

input

.error
label
.error
label
.checked

菜鳥教程：

jQuery學習心得

好久沒更新部落格了，最近除了寫輪播圖，飛機大戰之外，就是學習jquery了，所以今天就跟大家分享一下jquery的心得。由於手頭上的jquery文件是1.8.3的，所以就拿1.8.3來說吧。說起框架，jquery應該是最早開始做框架的，jquery主要是簡化了操作dom的方法，並提供了簡單的動畫效果...

jQuery學習心得

jq是乙個輕量級的js庫，它的宗旨是write less,do more，寫更少的 做更多的事情。事實上，我們在實操作過程中，徹徹底底體會到它的好處。譬如我要找到某個元素 它可以是標籤，類或者id 只需要用 即刻獲得，而不需要使用原生js長長的document.getelementby.而且很多時候...

jQuery學習心得（1）

經常見到jquery中的這種寫法 function jquery 許多前端工程師都只是照貓畫虎的這樣，卻不清楚為什麼這樣寫。其實這個寫法是函式定義立即呼叫的寫法之一。在js中，function在定義的時候就可以通過在後面加乙個小括號的形式立即進行呼叫。例如 function function fun...