jquery検証プラグインを使用しています:http://docs.jquery.com/Plugins/Validation/validate#options。
各フィールドで検証が成功するか失敗するかに応じて、検証後に検証済みフィールドにcssスタイルを追加するカスタム関数を実行したいと思います。ハイライト、ハイライト解除、ショーエラーを試しましたが、これらを希望どおりに機能させるのに問題があります。
検証するオプションとしてカスタム関数を追加するか、検証の直後に関数が起動するたびに実行したいと思います。
コードサンプルは次のとおりです。
$("#registerHere").validate({
rules:{
...............
},
messages:{
.................
},
validClass: 'success',
errorClass: "error",
errorElement: "span",
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control- group').addClass('success');
$(element).parents('.control-group').removeClass(errorClass).addClass(validClass);
},
highlight:function(element, errorClass, validClass) {
$(element).parents('.control- group').addClass('error');
$(element).parents('.control-group').addClass(errorClass).removeClass(validClass);
},
showErrors: function(errorMap, errorList) {
this.defaultShowErrors();
$('.control-group').removeClass('error').addClass('success').
}
});
});
</script>
showerrors、highlightまたはunhighlightの代わりに次のコードを追加したい:
if ( $('div.control-group').find('span.error').length) {$(this).addClass('error').removeClass('success');}
アドバイスをいただければ幸いです。
ありがとうございました、
明細書