2011-05-11 69 views
2

如何为每个错误类型(如required和date)指定自定义错误消息。我想要一个不同的消息,具体取决于错误类型。自定义jquery验证所有错误消息

我有一个看起来像场这

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

我的错误信息是这样的

This field is requiredPlease enter a valid date

我怎样才能使它说以下

Date of birth is requiredPlease 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 &nbsp; as text for IE 
     label.html("&nbsp;").addClass("checked"); 
    } 
}); 

回答

3

以下的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" 
     } 
    } 
    ... 
}); 
+0

这是真棒!谢谢!昨天我没有得到任何答案时,我觉得我运气不好。 – guanome 2011-05-12 13:08:55

+0

我现在正在研究它,我有它新鲜; D – 2011-05-12 15:34:32