自定義jquery驗證所有錯誤消息

Question

如何爲每個錯誤類型（如required和date）指定自定義錯誤消息。我想要一個不同的消息，具體取決於錯誤類型。

我有一個看起來像場這

<input type="text" id="dateOfBirth" name="dateOfBirth" class="required date" />

我的錯誤信息是這樣的

This field is required或Please enter a valid date

我怎樣才能使它說以下

Date of birth is required和Please enter a valid date for Date of Birth

這是我使用的是什麼

var validator = $("form:first").validate({ 
    errorClass: 'Input_State_Error', 
    rules: { 
     dateOfBirth: "required date" 
    }, 
    messages: { 
     dateOfBirth: "Please enter your date of birth" 
    }, 
    // the errorPlacement has to take the table layout into account 
    errorPlacement: function(error, element) {     
     error.appendTo($('#ctl00_lblMessage')); 
    }, 
    // specifying a submitHandler prevents the default submit, good for the demo 
    submitHandler: function() { 
     alert("submitted!"); 
    }, 
    // set this class to error-labels to indicate valid fields 
    success: function(label) { 
     // set   as text for IE 
     label.html(" ").addClass("checked"); 
    } 
}); 

Answer 1

以下的jQuery date()documentation用於驗證插件，我想你的建議是：

var validator = $("form:first").validate({ 
    ... 
    messages: { 
     dateOfBirth: { 
      required: "Date of birth is required", 
      date: "Please enter a valid date for Date of Birth" 
     } 
    } 
    ... 
});