>我有以下函数,但是当触发验证时,它显示的是股票"此字段是必填的"消息,而不是我的自定义消息。
$('#customerEnquiry')
.validate({ // initialize the plugin
rules: {
"InputModel.FirstName":
{
required: true
},
"InputModel.Surname": {
required: true,
minlength: 3
},
messages: {
"InputModel.FirstName":
{
required: "Please Supply First Name (or initial)."
},
"InputModel.Surname": {
required: "Please Supply Surname.",
minlength: "Minimum length of 3."
}
}
}
});
控制台中没有错误,所以我不知道为什么没有触发消息。我能看到的唯一明显的事情是自动生成的错误标签没有选取测试控件的全名。(如下图所示)
<label class="error" for="Surname" generated="true">This field is required.</label>
由于我的 html 是自动生成的,并且数据绑定到我的模型,因此我无法控制输入控件的命名。
那么有什么方法可以解决这个问题,或者我需要回到微软不显眼的验证中去,这给了我正确的标签,但不允许我做其他我希望实现的事情。
下面是相关 HTML 的截图。
<div class="tab-pane active" id="basic-tab">
<div class="control-group">
<label class="control-label" for="InputModel_FirstName">Customer Forename (or Initial)</label>
<div class="controls">
<input name="InputModel.FirstName" class="noltmarg" id="FirstName" type="text" placeholder="Enter First name" value="" data-val-required="First Name is required" data-val="true">
</div>
</div>
<div class="control-group">
<label class="control-label" for="InputModel_Surname">Customer Surname</label>
<div class="controls">
<input name="InputModel.Surname" class="noltmarg" id="Surname" type="text" placeholder="Enter Surname" value="" data-val-required="Surname is required" data-val="true" data-val-length-min="2" data-val-length-max="30" data-val-length="At Least 2 Letters are Required">
</div>
</div>
... Rest of form omitted for Brevity
</fieldset>
</div>
您放错了一个括号,有效地将messages
放置在rules
对象中...
$('#customerEnquiry').validate({ // initialize the plugin
rules: {
"InputModel.FirstName": {
required: true
},
"InputModel.Surname": {
required: true,
minlength: 3
},
messages: {
"InputModel.FirstName": {
required: "Please Supply First Name (or initial)."
},
"InputModel.Surname": {
required: "Please Supply Surname.",
minlength: "Minimum length of 3."
}
}
}
});
相反,messages
应该是rules
的兄弟姐妹......
$('#customerEnquiry').validate({ // initialize the plugin
rules: {
//
},
messages: {
//
}
});
演示:jsfiddle.net/gLruabce/