jQuery 検証プラグインを使用しており、id="test" を使用して特定のテキスト入力にエラー メッセージを表示したいと考えています。
どうすればいいですか?
jQuery 検証プラグインを使用しており、id="test" を使用して特定のテキスト入力にエラー メッセージを表示したいと考えています。
どうすればいいですか?
検証プラグインのドキュメントから:
$(".selector").validate({
invalidHandler: function(form, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
var message = errors == 1
? 'You missed 1 field. It has been highlighted'
: 'You missed ' + errors + ' fields. They have been highlighted';
$("div.error span").html(message);
$("div.error").show();
} else {
$("div.error").hide();
}
}
})
ドキュメントを見ると、 numberOfInvalids()をクエリすることで、エラーがあるかどうかを確認できます。
var validator = $("#myform").validate({
invalidHandler: function() {
$("#summary").text(validator.numberOfInvalids() + " field(s) are invalid");
}
});
そして、もしあれば、あなたはあなたのフォームの要素を個別に調べることができます
$("#myform").validate().element( "#myselect" );
このコードは、要素が有効かどうかに関するブール値を返します。
$("#myform").validate({
errorPlacement: function(error, element) {
$('input#test').val(error);
}
});
ただし、入力フィールドに検証エラーを入力する理由はわかりませんが、設計しているフロントエンドでは理にかなっていると確信しています。
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo( $('input#test'));
}
})