各必須フィールドの入力フィールドに jQuery 検証エラー メッセージが表示されるようにしました。ユーザーが有効な必須情報を入力しようとしたときにメッセージを消す方法がわかりません。
たとえば、入力フィールドに「名前を入力してください」というエラー メッセージが表示され、テキスト入力フィールドに本名 (スティーブの場合) を入力しようとすると、「スティーブを入力してください」から始まります。
実際の情報を入力したときにエラー メッセージが表示されないようにするにはどうすればよいですか?
ここに私のコードがあります:
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
}
});
});