jQuery Validate의 invalidHandler 이벤트 사용

Question

유효성을 검사 할 때 select 요소를 감싸는 div 클래스를 추가해야합니다.

$("#Form").validate({ 
    invalidHandler: function (form, validator) { 
     $("[id$='_DropDownList']").each(function() { 
      // How do I figure out if $(this) is valid or invalid? 
      // Add the class below if invalid. 
      $(this).parent().addClass("error"); 
     }); 
    } 
}); 

Answer 1

이처럼 .valid() 방법을 사용할 수 있습니다 :

이

$("#Form").validate({ 
    invalidHandler: function (form, validator) { 
     $("[id$='_DropDownList']").each(function() { 
      if(!$(this).valid()) 
       $(this).parent().addClass("error"); 
     }); 
    } 
}); 

는 그러나, highlight and unhightlight options이를 위해 특별히 있습니다

$("#Form").validate({ 
    highlight: function(element, errorClass, validClass) { 
    $(element).parent().removeClass(validClass).addClass(errorClass); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
    $(element).parent().removeClass(errorClass).addClass(validClass); 
    } 
}); 

Answer 2

이 코드가 올 것 같습니다 : 작동하는 경우

$(this).parent().addClass("error"); 

어쩌면 문제는 ... 그것은에있는 기능을 외부에서 addClass 라인을 이동하려고 주변의 코드를 함께 볼 수 그곳에.