jquery 폼 유효성 검사 - 부모 클래스의 오류 클래스

Question

나는 Jörn의 jQuery 유효성 검사를 사용하고 있습니다. downloading it here에 대한 전체 코드를 볼 수 있습니다.

Javascript에 익숙하지 않아서 약간의 문제가 있습니다.

여기에 기본적으로 위의 HTML 양식의 각 "부분"에 대해 반복되는 내 HTML

<div class="field"> 
    <label for="myInput">My Input</label> 
    <input id="myInput" name="myInput" type="text" /> 

    <span class="helptext"> 
     This is some help text for My Input... 
    </span> 
</div> 

의 예입니다. .helptext은 부모 div의 클래스가 .error이 아닌 한 CSS를 통해 으로 숨겨집니다. 예를 들어

: 여기 <div class="field error">

내가 검증 플러그인에 대한 관련 코드 생각하는 것입니다 - 나는 오류 클래스는 부모 div.field에 추가 할 것 어떻게?

defaults: { 
    messages: {}, 
    groups: {}, 
    rules: {}, 
    errorClass: "error", 
    validClass: "valid", 
    errorElement: "span.helptext", 
    focusInvalid: true, 
    errorContainer: $(["div.field"]), 
    errorLabelContainer: $([]), 
    onsubmit: true, 
    ignore: [], 
    ignoreTitle: false, 
    ... 

Answer 1

이 같은 클래스를 추가/제거 하이라이트/unhighlight 핸들러를 사용할 수 있습니다 :이 도움이

highlight: function(element, errorClass, validClass) { 

    $(element).parent('.field').addClass(errorClass).removeClass(validClass); 

}, 

unhighlight: function(element, errorClass, validClass) { 

    $(element).parent('.field').removeClass(errorClass).addClass(validClass); 

} 

희망, D를.