JQuery와 유효성 검사기 플러그인 버튼에 규칙을 추가하면이 같은 시나리오가

Question

을 클릭 제출 버튼.

일단 페이지가로드되면이 날짜 텍스트 상자를 규칙에 대해 유효성을 검사하지 말고 버튼 클릭시 JQuery 유효성 검사기가 제대로 작동하는지 확인하고자합니다.

페이지로드시 다른 규칙이 실행되도록하려면 페이지로드시 유효성 검증을 실행해야합니다. 페이지에로드 된 다른 많은 컨트롤과 마찬가지로 페이지가로드됩니다.

버튼을 클릭 할 때 규칙을 추가하는 편이 좋겠지 만 Validator가로드하고 훨씬 이전에 연결하는 것처럼 보이므로 동일한 객체가 추가 규칙으로 업데이트 되더라도 작동하지 않습니다.

어떻게 도와 드릴까요? 미리 감사드립니다.

Answer 1

이 시나리오를 처리하기 위해 페이지로드 규칙에서 이벤트 기반 규칙을 제거했습니다. 동적으로 규칙을 추가/제거했습니다. 아래 코드 샘플 :

var Date1= { 
     required: true, 
     dateLesser: 'Date2', 
     messages: { 
      required: 'What ever', 
      dateLesserThan: 'Date Should be less than' 
     } 
    }; 

addDateValidationRules: function (d) { 
    if (d== 2) { 
     $('#Date1').rules("add", Date1); 
     $('#Date2').rules("add", Date2); 
    } 
    else { 
     $('#Date1').rules("remove", "required"); 
     $('#Date1').rules("remove", "dateLesser"); 
     $('#Date2').rules("remove", "required"); 
     $('#Date2').rules("remove", "dateGreater"); 
    } 
} 

누군가 도움이 되길 바랍니다.

감사합니다.