jQuery validate(). 요소() 직접 오류를 표시하지 않습니다

Question

간단한 마법사를 구현하는 jQuery UI 탭 컨트롤을 사용하고 있습니다. 유효성 검사를 위해 jQuery 유효성 검사를 사용하고 있습니다. 마법사의 다음 탭으로 이동하기 위해 "다음"버튼을 누르면, 나는 현재 탭에있는 모든 검증 :

$('.forward').click(function() { 
    var valid = true; 
    $(this).closest("div").find("input").each(function() { 
    valid = valid && $("#form").validate().element(this); 
    }); 

    // Code to select next tab if valid 
}); 

이 작동을 - 나는 valid에 정확한 값을 얻을. 그러나 잘못된 것이 있으면 오류 메시지가 즉시 표시되지 않습니다. 오류 메시지가 나타나기 전에 다른 단추를 클릭하여 포커스를 잃게해야합니다.

validate().element(this)을 실행 한 직후 오류 메시지가 나타나게하려면 어떻게해야합니까?

Answer 1

귀하의 메서드는 흐림이나 키 업에 대해 유효성 검사를 수행하지만 그 결과를 반환합니다.
여기에 흐림 또는 키 입력이 없습니다. 시도

$('.forward').click(function() { 
    var valid = true; 
    $(this).closest("div").find("input").each(function() { 
    valid = valid && $("#form").validate().element(this); 
    this.blur(); 
    }); 
// Code to select next tab if valid 
});