jQuery Validate Pluginを使用して、Web サイトのフォームを検証しています。minlength
フィールドにまだ必要な文字数を表示するようにデフォルトのメッセージを変更し、ユーザーがinput
フィールドに入力するとこの数が変化するようにしたいと思います。
たとえば、minlength
ルールが 15 文字で、フィールドに 2 文字ある場合、エラー メッセージは次のようになります。"Please enter at least 13 more characters."
簡単にするために、ここに私の jQuery を示します。以下のコードはすべて、まとめると期待どおりに機能しないため、機能するソリューションが必要です
これがフィドルです:http://jsfiddle.net/ac2T2/1/
これが私のコードです:
$('#contactForm').validate({
rules: {
contactName: {
minlength: 15
}
}
});
次のようなコードを追加したいと思います。
var numOfCharactersToGo = 15 - parseInt($('contactName').val().length);
理論的には、次のようにデフォルトの jQuery メッセージを変更できますminlength
。
jQuery.extend(jQuery.validator.messages, {
minlength: jQuery.validator.format('Please enter at least ' + numOfCharactersToGo + ' more characters.')
});