0

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');}

アドバイスをいただければ幸いです。

ありがとうございました、

明細書

4

0 に答える 0