1. 程式人生 > >JQuery validate驗證訊息彈出對話方塊

JQuery validate驗證訊息彈出對話方塊

// validate signup form on keyup and submit
  $("#accountForm").validate({
   rules : {
    /* input name 有 . 時加上引號 */
    personalId : {
     required : true
    },
    password : {
     required : true,
     minlength : 6
    },
    card_number : {
     required : true,
     remote : {
      url : "account!checkAvailbleVoucher.action",
      data : {
       property : function() {
        return "card_number";
       },
       type : function() {
        return 2;
       }
      }
     }
    },
    voucher_number : {
     required : true,
     remote : {
      url : "account!checkAvailbleVoucher.action",
      data : {
       property : function() {
        return "voucher_number";
       },
       type : function() {
        return 1;
       }
      }
     }
    }
   },
   messages : {
    personalId : {
     required : "請輸入證件號!"
    },
    password : {
     required : "請設定密碼!",
     minlength : "密碼至少為6位!"
    },
    card_number : {
     remote : "卡號輸入錯誤!"    },
    voucher_number : {
     remote : "憑證號輸入錯誤!"    }
   },
   /* 重寫錯誤顯示訊息方法,以alert方式彈出錯誤訊息 */
   showErrors : function(errorMap, errorList) {
    var msg = "";
    $.each(errorList, function(i, v) {
     msg += (v.message + "\r\n");
    });
    if (msg != "")
     alert(msg);
   },
   /* 失去焦點時不驗證 */
   onfocusout : false
  });