2010-03-17 8 views
0

페이지가로드 된 순간부터 유효하지 않은 (및 오류 메시지가 표시됨) 것으로 표시하려는 일반 html 양식의 입력 필드가 있습니다.jquery validate - 페이지로드시 필드 유효성 검사

jquery validate plugin을 사용하면이 작업을 수행 할 수 있습니까?

플러그인이 특정 입력 필드의 유효성을 검사 할 때 요소를 숨기려면 어떻게해야합니까?

답변

0

해결책을 마련해야합니다. 페이지가로드 될 때 표시되는 '더미'유효성 검사 요소를 추가하는 작업이 포함되었습니다. 사용자가 해당 필드에 값을 입력하면 더미 요소가 숨겨지고 실제 요소가 표시됩니다.

나는 내가 원하는 것을 달성하기 위해 강조 및 validate 메소드에 대한 unhighlight 옵션을 사용했다.

$("#myform").validate({ 
    highlight: function(element){ 
     if($(element).hasClass("math")){ 
      $(".temp").hide(); 
     } 
    }, 

    unhighlight: function(element){ 
     if($(element).hasClass("math")){ 
      $(".temp").hide(); 
     } 
    } 
}); 

아마이 미래에 다른 사람을 도움이 될 것입니다.

0

페이지로드시 제출할 유효성 검사 양식을 가지고 있어야한다고 생각합니다. 아마도 다음과 같이 될 수 있습니다.

$(document).ready(function() { 
     $('form').validate(/* set all of your validator options here */); 
     $('form').trigger('submit'); 
    }); 
+0

나는 이것을 고려했다. 그러나 그것은 나의 다른 모든 유효성 확인을 유발할 것이다. 1 입력에 대한 유효성 검사 오류 메시지를 트리거하는 데에만 관심이 있습니다. – boz

+0

이 플러그인의 단일 요소 유효성 검사 (http://docs.jquery.com/Plugins/Validation/Validator/element#element) 메서드는 사용한 적이 없지만 더미 요소를 만드는 것보다 쉬운 솔루션 일 수 있습니다. – ryanulit

관련 문제