jQuery 오류 이벤트 유효성 검사

Question

jQuery Validate 플러그인을 사용하여 양식 유효성을 검사하고 양식 필드가 유효하지 않은 것으로 판단되는 경우이를 감지 할 수있는 방법이 필요합니다. 내가 무효 반환하면 필드를 양식에 더 많은 HTML을 추진하고 싶습니다. 필드가 "success :"메서드로 유효한 것으로 반환 될 때 성공 눈금 표시를 밀어 낼 수는 있지만 필드가 올바르지 않은 경우 올바른 방법을 찾을 수 없습니다.

Answer 1

무효를 반환 할 때 양식 필드에 몇 가지 HTML을 추가하고 싶습니다.

the highlight and unhighlight functions을 사용하십시오. 일반적으로 요소의 error 및 valid 클래스를 전환하는 데 사용됩니다. 함수의 기본 부분을 유지하는 한 사용자 정의 코드를 추가 할 수 있습니다.

필드가 유효하지 않은 경우를 감지하는 올바른 방법을 찾을 수 없습니다.

highlight 필드가 유효하지 않은 경우에 발생합니다.

// FIRES WHEN INVALID 
highlight: function(element, errorClass, validClass) { 
    if (element.type === "radio") { 
     this.findByName(element.name).addClass(errorClass).removeClass(validClass); 
    } else { 
     $(element).addClass(errorClass).removeClass(validClass); 
    } 
    // your custom code here - field is INVALID 
}, 
// FIRES WHEN VALID 
unhighlight: function(element, errorClass, validClass) { 
    if (element.type === "radio") { 
     this.findByName(element.name).removeClass(errorClass).addClass(validClass); 
    } else { 
     $(element).removeClass(errorClass).addClass(validClass); 
    } 
    // your custom code here - field is VALID 
} 

물론 기본 코드를 변경할 수도 있지만 클래스가 제대로 전환되지 않을 수도 있습니다. 유효성을 검사중인 양식 필드를 나타내는 element 인수를 사용하십시오. 필드가 "성공"으로 유효한 반환 할 때 내가 성공 표시 점을 밀어 수 있어요

당신이 "무효"에 대한 highlight을 사용하는 것이기 때문에 방법

, 당신은 unhighlight 대신 success 사용해야합니다 그것은 "유효하다". (이것으로 눈금 표시는 여전히 success입니다.)

사이드 노트 : 일반 오류 label 개체 내에 눈금이 표시되므로 일반적으로 오류 이벤트를 사용하여이를 제거 할 필요가 없습니다 ... 새 오류가있을 때마다 자동으로 제거됩니다.