[英]jQuery Validation show error message for only one specific select field (bootstrap-select)
[英]jQuery validation - only show error message of last field validated
如何防止在提交表单时显示多条错误消息?
我只想显示最后一个字段已验证的错误消息: password
。 我尝试按照另一篇文章中的建议使用errorPlacement
: jQuery 验证 - 仅显示一条错误消息和$('.alert').remove();
没有成功。
到目前为止我得到了什么:
<script>
let form = $('#login');
$('#login').validate({
onkeyup: false,
onclick: false,
rules: {
username: {
required: true
},
password: {
required: true
}
},
errorPlacement: function(error) {
$('.alert').remove();
let div = $(
'<div class="alert alert-warning alert-dismissable">\n' +
'<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>\n' +
'<h4><i class="icon fa fa-warning"></i>Opgepast!</h4>\n' +
'<p>' + error.text() + '</p>\n' +
'</div>'
);
div.insertBefore(form);
},
messages: {
username: {
required: "Gelieve een gebruikersnaam in te vullen."
},
password: {
required: "Gelieve een wachtwoord in te vullen."
}
}
});
</script>
按照showErrors
的建议,将errorPlacement
更改为 showErrors。 结果:
showErrors: function(object) {
$('.alert').remove();
let amount = Object.keys(object).length;
if(amount > 0){
let key = Object.keys(object)[0];
let value = object[key];
let div = $(
'<div class="alert alert-warning alert-dismissable">\n' +
'<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>\n' +
'<h4><i class="icon fa fa-warning"></i>Opgepast!</h4>\n' +
'<p>' + value + '</p></div>');
div.insertBefore(form);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.