2012年8月14日 星期二

jQuery Validation

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

2. 註冊
    $("form1").validate();
3. 驗證
   CssClass="required"
   CssClass="email"
   CssClass="number"
4. 語系訊息 xx_zh_TW.js
    var twmsg = {
       required: "必填",
       email: "請輸入正確格式的電子郵件",
       url: "請輸入合法的網址",
       date: "請輸入合法的日期",
       dateISO: "請輸入合法的日期 (ISO)",
       number: "請輸入合法的數字",
       digits: "請輸入整數",
       equalTo: "請輸入相同的值",
       accept: "請輸入合法的字串符",
       maxlength: jQuery.format("請輸入長度最多是 {0} 的字串"),
       minlength: jQuery.format("請輸入長度最少是 {0} 的字串"),
       rangelength: jQuery.format("請輸入長度介於 {0} 與 {1} 的字串"),
       range: jQuery.format("請輸入介於 {0} 與 {1} 之間的值"),
       max: jQuery.format("請輸入最大為 {0} 的值"),
       min: jQuery.format("請輸入最小為 {0} 的值")
    }
    jQuery.extend(jQuery.validator.messages, twmsg);   
5. 錯誤樣式
   label.error {
       background: url(error.png) no-repeat 0px 0px;
       color: red; padding-left: 20px;
   }
   input.error {
       border: dashed 1px red;
   }





原始文章出自於此

沒有留言:

張貼留言