클래스가 자식에 추가 될 때 부모 클래스를 제거합니다.

Question

잘못된 암호를 입력하면 오류 클래스가 입력 필드에 추가됩니다. 올바른 암호를 입력하면 암호 입력 태그가 들어있는 li에 "Valid"라는 클래스가 추가됩니다. 오류 클래스가 입력 필드에 나타날 때 li에 대한 유효한 클래스를 제거하려면 어떻게해야합니까?

<li class="Valid"> 
     <input type="password" class="error" placeholder="Password" id="aim_Password" name="password"></input> 
     </li> 

참고 : jquery 유효성 검사 플러그인을 사용하여 오류 클래스를 입력 필드에 추가하고 크로스 브라우저 솔루션을 찾고 있습니다.

Answer 1

시험해보세요.

당신이 입력하는 동안 입력의 클래스가 수정 된 경우 감지 너무 키를 누를 때() 이벤트를 사용할 수 있습니다

$('#aim_Password').bind('keyPress',function(){ 
    var has_error_class = $(this).hasClass('error'); 
    if(has_error_class){ 
      $(this).parent().removeClass('Valid'); 
    }   
});