问题:四个必填字段中的每一个都有' Name RequiredCompany RequiredEmail RequiredPhone Required'而不仅仅是适用的相应信息。
我有一个非常紧凑的表单,在输入jquery validate之后无法使用标准错误。标签是display:block,并且有足够的空间来显示错误消息,因此决定了错误消息的位置。
所以对于这样的html(想要span.error_label中的错误):
<div class="form-group">
<label for="company">Company <span class="error_label"></span></label>
<input type="text" class="form-control" id="company" name="company" placeholder="Company">
</div>
我的jquery看起来像:
$('#frmContact').validate({
rules: {
name: {
required: true
},
company: {
required: true
},
phone_number: {
required: true
},
email: {
required: true,
email: true
}
},
errorLabelContainer: "label",
errorPlacement: function(error, element) {
$(element).append( "<span class='error_label'>" + error + "</span>")
},
messages: {
name: {
required: 'Name Required'
},
company: {
required: 'Company Required'
},
phone_number: {
required: 'Phone Required'
},
email: {
required: 'Email Required',
email: 'Please enter a valid email address'
}
}
});