2012年8月16日 星期四

jQuery Validation 改為用alert一次顯示全部錯誤訊息

官網:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
可用的options:http://docs.jquery.com/Plugins/Validation/validate

jQuery 表單驗證的plugin,若要將錯誤訊息改成用alert一次顯示,
可以設定showErrors這個選項。

$(".selector").validate({
   showErrors: function(errorMap, errorList) {
      var err = [];  
      $.each(errorList, function(i,v){
        err.push(v.message);
      });  
      if(err.length > 0) alert(err.join("\n")); 
      //this.defaultShowErrors(); //加上此行,會執行預設的顯示錯誤方式
    },
    onfocusout: false //設false,才不會填完一個欄位就驗證一次
 });
onfocusout設成false,是為了避免填完一個欄位,若該欄位若有錯誤,即跳出alert
但似乎按了表單送出按鈕,若因驗證不過,表單沒送出,onfocusout好像就沒false的作用了

沒有留言:

張貼留言