양식 마법사를 사용하는 동안 jquery validate()를 실행하는 방법은 무엇입니까?

Question

다단계 등록 프로세스에 jQuery Form Wizard 3.0.4 plugin을 사용하고 있습니다. 그것은 jQuery 유효성 검사기 플러그인을 사용하는데, 이것은 단계적으로 진행될 때 잘 동작합니다. EDIT : 이것은 이미 validationEnabled : true, formOptions 및 validationOptions를 사용하고 있으며 이것이 작동하고 있음을 의미합니다. 정규 기능 이외에도 동일한 유효성 검사를 실행해야합니다.

문제는 유효성 검사기를 실행하고 두 지점에서 수동으로 오류를 표시해야한다는 것입니다. 내가 가지고있는 특별한 분야와 AJAX 제출 전에.

: 다음 단계로 갈 때

$("#registrationForm").validate(); 

양식 마법사 스크립트 (jquery.form.wizard-3.0.4.js)이 일을 할 나타납니다 : 나는 아무것도하지 다음을 시도했습니다

$("#registrationForm").element.validate().focusInvalid(); 

어떤 아이디어 :

this.element.validate().focusInvalid(); 

그래서 나는 또한 아무것도하지 않는 한,이 시도?

1. 다음 단계를 클릭 할 때 발생하는 동일한 유효성 검사를 어떻게 실행합니까?
2. 특정 필드의 유효성을 검사하고 오류를 표시하는 함수를 어떻게 호출합니까?

Answer 1

아래의 예제 코드는 아마 당신을 위해 작동해야한다고 생각합니다. 유효성 검사는 id = "validate_form"인 버튼 또는 요소를 클릭 할 때 트리거됩니다. 이것은 기본적으로 사용자가 다음을 클릭 할 때 (플러그인에서) 실행되는 코드입니다.

$(function(){ 
     $("#validate_email").click(function(){ // when the button is clicked... 
      var wizard = $("#demoForm"); // cache the form element selector 
      if(!wizard.validate().element("#myemail")){ // validate the input field 
       wizard.validate().focusInvalid(); // focus it if it was invalid 
      } 

     }) 
    }) 

희망이 : 당신은 단지 하나의 입력 필드의 유효성을 검사해야하는 경우

$(function(){ 
     $("#validate_form").click(function(){ // when the button is clicked... 
      var wizard = $("#demoForm"); // cache the form element selector 
      if(!wizard.valid()){ // validate the form 
       wizard.validate().focusInvalid(); //focus the invalid fields 
      } 

     }) 
    }) 

는 다음 코드 (ID = "validate_email"이 경우 클릭과 버튼)을 사용할 수 있습니다 도움이됩니다.

/1 월

Answer 2

플러그인 설명서를 보았습니까? 설정 마법사에는 양식 마법사를 정의 할 때 이러한 종류의 유효성 검사를 수행 할 수있는 간단한 스위치가 있습니다.

http://thecodemine.org/#_demoForm=first

그런 다음 "옵션"을 클릭하고 확인을 활성화 한 다음 설정에 'validationOptions'에서 옵션을보고 'validationEnabled'봐.