jquery 유효성 검사 플러그인을 사용하여 유효성 그룹을 시뮬레이트하려면 어떻게해야합니까?

Question

나는 유효성을 검사하는 여러 필드가있는 양식이 있습니다. 내 컨트롤을 2 개의 필드 세트로 구성했습니다 : 마스터 및 DETAIL.

나는 에 저장 버튼 형태 제출 사용하고 내가 일시적으로 데이터를 저장하는 객체의 나의 배열에 새 항목을 추가 추가 버튼을 트로프에게 DETAIL 입력을 입력 그러면 MASTER 부분의 데이터와 함께 서버로 보내집니다.

버튼을 눌러도 마스터 입력을 채우지 못했지만 마스터 유효성 검사로 인해 새 세부 사항을 추가 할 수 없다는 것이 문제입니다. 그리고 마찬가지로 폼을 제출하려고 시도 할 때 DETAIL 필드가 비어 있으면 Detail validation이 실행됩니다.

제 질문은 jQuery 유효성 검사 플러그인으로 유효성 검사 그룹을 시뮬레이션 할 수 있습니까?

Answer 1

나는 인터넷 검색을 봤는데 내가 클래스를 추가/제거 할 수 있습니다 것으로 나타났습니다 (예를 들면, 는 필요 수를); 유효성 검사 그룹을 시뮬레이트하는 방법에 대한 아이디어를 얻었습니다.

1.When 페이지가 처음로드, 숫자 만 확인 :

$(document).ready(function(){  
    $("#add").click(function() { 
     $("#fecha").removeClass("required"); 
     $("#fecha").removeClass("date"); 
     $("#numeroDoc").removeClass("required"); 
     $("#numeroDoc").removeClass("number"); 
     $("#serieDoc").removeClass("required"); 
     $("#serieDoc").removeClass("number"); 

     $("#importe").addClass("required"); 
     $("#importe").addClass("number"); 
     $("#concepto").addClass("required");   
    }); 
    $("#save").click(function() { 
     $("#importe").removeClass("required"); 
     $("#importe").removeClass("number"); 
     $("#concepto").removeClass("required");  

     $("#fecha").addClass("required"); 
     $("#fecha").addClass("date"); 
     $("#numeroDoc").addClass("required"); 
     $("#numeroDoc").addClass("number"); 
     $("#serieDoc").addClass("required"); 
     $("#serieDoc").addClass("number"); 
    }); 
    $("#form1").validate({   
     errorPlacement: function(error, element) { 
      error.appendTo(element.parent("td").next("td")); 
     } , 
     submitHandler: function(form) {    

      $("#add").click(function() { 
       addDetail(); 
       return false; 

      }); 
      $("#save").click(function() { 
       return false; 

      });      
     } 
    }); 
}); 

비록, 나는 분명히 내가 인해 몇 가지 세부 사항에 대해 너무 확실하지 않다, 답을 발견했습니다 (클래스 = "수") 내가 유효성 검사를 발사 두 번 버튼을 눌러야 다음 데이터를 입력하여 내가 실수를 2.If

추가 누를 때까지 작동하지 않습니다

이 코드를 개선하는 데 도움이되기를 바랍니다.