Проверка мастера формы с помощью JQuery

Question

Я выполняю проверку мастера формы с помощью JQuery. Он работает, когда я отправляю форму или событие onkeyup. Но То же самое, что я пытаюсь с помощью мастера форм. нажав следующую кнопку, после того, как я изменил код, он не проверяет ничего. Пока нажимает на следующее сообщение с сообщением о кнопке, перед тем, как я изменил код. У меня не было таких знаний в JQuery. Здесь есть часть кода.

onNext: function(tab, navigation, index) 
     { 
      if(index==1) 
      { 
       if(!wiz.find('#inputname').val()) { 
        alert('You must enter the username'); 
        wiz.find('#inputname').focus(); 
        return false; 
       } 
      } 
     }, 
     .................... 


     $(function() 
     { 
     // validate form on keyup and submit 
     $("#validateSubmitForm").validate({ 
     rules: { 
     firstname: "required", 
     lastname: "required", 
     username: { 
      required: true, 
      minlength: 2 
     }, 
     ...................... 

Для выполнения проверки мастера формы я изменил код выше, чтобы

 onNext: function(tab, navigation, index) 
     { 
      if(index==1) 
      { 
        myfun(); 
      } 
     ................ 


     function myfun() 
     { 
     // validate form on keyup and submit 
     $("#validateSubmitForm").validate({ 
     rules: { 
     firstname: "required", 
     lastname: "required", 
     username: { 
      required: true, 
      minlength: 2 
     }, 
     .................. 

В JSP:

<div class="tab-pane active" id="tab1"> 
    <form class="form-horizontal" style="margin-bottom: 0;" id="validateSubmitForm" method="get" autocomplete="off"> 
    <div class="control-group"> 
    <label class="control-label" for="firstname">First name</label> 
    <div class="controls"><s:textfield class="span12" id="firstname" name="firstname"/></div> 
    </div> 
      ......................... 
    <div class="form-actions"> 
    <button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Save</button> 
    <button type="button" class="btn btn-icon btn-default glyphicons circle_remove"><i></i>Cancel</button> 
    </div> 
    </form></div>//tab div 

Но это не работает. Как выполнить такую ​​же проверку с помощью мастера форм, что я сделал с onkeyup и отправить.

Answer 1

Теперь он работает после того, как он изменился.

 onNext: function(tab, navigation, index) 
     { 
       if ($('#validateSubmitForm').validate().form()) 
       { 
        return true; 
       } 
       else 
       { 
        return false;// prevent moving on if the form is invalid 
       } 
       .............. 



     $(function() 
     { 
     // validate form on keyup and submit 
     $("#validateSubmitForm").validate({ 
     rules: { 
     firstname: "required", 
     lastname: "required", 
     username: { 
      required: true, 
      minlength: 2 
     }, 
     ................