jQuery驗證 - 生效驗證

Question

我正在使用jQuery驗證DOCS。

只是想知道，我們可以做一個驗證onfocusout在提交表單之前？規範中有一個選項 - 但只有在您首次提交表單後才能使用。

我試圖才達到 - 因爲你想要去offfocus - 它將標誌着輸入爲有效（檢查）或無效（錯誤MSG）。

目前的功能是有，但提交表格後，才你。

我輸入驗證碼：

$('.loginbox').validate({ 
     debug: true, 
     rules: { 
      password: { 
       required: true, 
       minlength: 8, 
       maxlength: 8 
      }, 
      username: { 
       required: true, 
       minlength: 2 
      } 
     }, 
     showErrors: function(errorMap, errorList) { 
      this.defaultShowErrors(); 
     }, 
     success: "valid", 
     submitHandler: function() { alert("Submitted!") } 
    }); 

任何幫助非常讚賞。皮特

Answer 1

如果一個文本輸入根據驗證插件是有效的，它會創建一個標籤類錯誤的有效。

<label class="error valid" for="spill" generated="generated"></label> 

使用CSS TP拿起這個像這樣

label.error:before { 
content:  "\0020 \2718 \0020"; // is an X 
color:   red; 
} 


label.error { 
    padding-left: 16px; 
    margin-left: .3em; 
} 
label.valid { 
    display: block; 
    width: 16px; 
    height: 16px; 
} 
label.valid:before { 
content:  "\0020 \2714"; // Is a Checkmark 
color:   green; 

}

當然不是實體的，您可以使用IMG的爲好。在Error中，這將顯示X以及您在驗證中設計的消息。 。在成功和離開文本輸入時，這也會在輸入下留下複選標記。

您可能還需要在驗證使用這一類的郵件

$("#upd").rules("add", { 
     required: true, 
     minlength: 1, 
     maxlength: 1, 
    messages: { 
     required: "Please pick a category", 
     minlength: jQuery.format("Please, Check at least one box"), 
     maxlength: jQuery.format("Please, You checked too many boxes"), 
    } 
});