我在每个必填字段的输入字段中显示 jQuery 验证错误消息。当用户尝试输入有效的必需信息时,我无法弄清楚如何使消息消失。
例如,如果输入字段中出现错误消息“输入您的名字”,并且我尝试在文本输入字段中输入我的真实名字(如果是史蒂夫),则它从“输入您的史蒂夫”开始
当我输入真实信息时,如何让错误消息消失?
这是jsfiddle
这是我的代码:
HTML
<form id="lead">
<input type="text" name="first_name">
<input type="text" name="last_name">
<input type="email" name="email">
<input type="submit">
jQuery
$(function () {
//Validation
$('#lead').validate({
rules: {
first_name: {
minlength: 2,
required: true
},
last_name: {
minlength: 2,
required: true
},
email: {
email: true,
required: true
}
},
errorPlacement: function (error, element) {
element.val(error.text());
},
messages: {
first_name: "Enter your first name",
last_name: "Enter your last name",
email: "Enter your email"
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
return false; // for demo
}
});
});