検証が成功した後にjQuery.validatorからスタイルを削除する

Question

jQuery検証プラグインを使用しているときに、自分のフォームにカスタムCSSスタイルを追加するコードがあります。

スタイルの各要素について以下のHTML

$(document).ready(function() { 
    jQuery.validator.setDefaults({ 
     errorPlacement: function(error, element) { 

     // Adds the red outline 
     element.parent().addClass("error"); 

     // Adds the red cross 
     element.siblings(".error_status").addClass('check'); 

     // Removes the default error 
     element.removeClass("error"); 
     }  
    }); 

$("#form").validate(); 

}); 

：私がいる問題は、私はその後、検証が成功した後、スタイルを削除する方法がわからないということです

<div class="row"> 
    <label for="id-3"><span>Email address:</span><span class="mark">*</span> 
    <input type="text" class="text required" id="id-3" name="email"/> 
    <span class="error_status"></span> 
</div> 

。

Answer 1

errorPlacementの代わりにhighlightとunhighlightコールバック（hereと記載）を使用すると便利です。このようにして、クラスを要素から手動で削除する必要はありません。

jQuery.validator.setDefaults({ 
    highlight: function(element, errorClass) { 
     var $element = $(element); 
     // Add the red outline. 
     $element.parent().addClass(errorClass); 
     // Add the red cross. 
     $element.siblings(".error_status").addClass("check"); 
    }, 
    unhighlight: function(element, errorClass) { 
     var $element = $(element); 
     // Remove the red cross. 
     $element.siblings(".error_status").removeClass("check"); 
     // Remove the red outline. 
     $element.parent().removeClass(errorClass); 
    } 
});