我有一个div
元素,在这个元素中,有一个月份和年份的input
个框。我要使用jquery validate
进行验证。
在
validate
事件中,我只想显示一个label.error
。例。如果月份标签可见年份标签隐藏 反之亦然。
因为当两个错误消息汇总在一起时,输入会增加并且看起来很奇怪。
请点击“提交”以查看消息。
$.validator.setDefaults({
errorPlacement: function(error, element) {
$(element).parents('.form-group').prepend(error);
},
submitHandler: function() {
},
invalidHandler: function(form, validator) {
$('label.mylable').hide();
$('label.error').show();
}
});
$(document).ready(function() {
$("#login_details").validate({
ignore: [],
rules: {
login_expiryMonth: {
required: true,
digits: true,
minlength:2,
maxlength:2
},
login_expiryYear: {
required: true,
digits: true,
minlength:2,
maxlength:2
},
},
messages:{
login_expiryMonth: {
required: 'Please enter a date',
digits: 'Please enter a valid date',
minlength:'Please enter a valid date',
maxlength:'Please enter a valid date'
},
login_expiryYear: {
required: 'Please enter a date',
digits: 'Please enter a valid date',
minlength:'Please enter a valid date',
maxlength:'Please enter a valid date'
}
}
});
});