클래스가 적용되었는지 jquery 검사 할 수 있습니까?

Question

내가 사용하기 쉬운 jquery.validatation 플러그인을 다운로드하지만 클래스가 적용된 경우 확인하여 스크립트 나 자신을 추가 할 수 있는지 ... 궁금

이 플러그인 작업이 얼마나

....

예. 내 HTML 코드 인 경우 ...

<input type="text" name="email" id="email" class="required email" /> 

난 그냥 클래스 = "필요한 이메일"나는 이메일이 유효한지 확인합니다 연결하고 텍스트 상자의 경우 측면의 오류 메시지가 표시 JQuery와 유효성 검사를 넣어

유효하지 않지만 텍스트 상자의 bg 색상을 바꾸거나 경고를 추가한다고 말하고 싶습니다.

이것이 가능합니까?

내가 다운로드 한 플러그인을 터치하고 싶지 않기 때문에 클래스가 페이지가 실행되는 동안 항상 적용되는지는 확실하지 않습니다. (어떤 일이 벌어지는 지 알기에는 너무 복잡합니다.

Answer 1

) 플러그인 스크립트에서 시도는 또한 오류 입력에 대한 사용자 지정 CSS Class를 추가 할 수 있습니다 검증 -

$('#email.required.email') 

Answer 2

이를 사용합니다.

$(".selector").validate({ 
    errorClass: "invalid" 
}) 

원하는 스타일에 맞게 CSS 클래스를 정의하십시오.

input.invalid { 
    background-color: red; 
} 

업데이트 :

이

위의 예제가 작동합니다. 여기에 jsfiddle입니다. 또한 당신은 클래스가 적용되어 있는지 확인 jQuery를 할 수

input.error { 
    background-color: red; 
} 

Answer 3

로 단지 CSS를 추가 할 수 있습니까?

예, hasClass() 방법을 사용하여 확인할 수 있습니다.

예 : 자세한 내용은

if($('#mydiv').hasClass('foo')) 
{ 
    alert('mydiv has foo clas'); 
} 
else 
{ 
    alert('no foo class found !!'); 
} 

는 this을 통해 이동합니다.