Pass параметр формы для дочернего объекта в проверке JQuery

Question

Я использую JQuery проверки, с помощью этого кода:

$("#demo").validate({ 
    rules : { 
    password : { required : true, }, 
    password2 : { required : true, }, 
    }, 
    messages: { 
    password : { required: "This field is required.",}, 
    password2 : { required: "This field is required.",}, 
    }, 
    submitHandler: function(form) { 
    $("#dialog-confirm").dialog({ 
     autoOpen: true, 
     resizable: false, 
     height:250, 
     width:500, 
     modal: true, 
     buttons: { 
     OK : function(form) { 
      form.submit(); 
     } 
     } 
    }); 
    }, 
}); 

То, что я пытаюсь сделать, это передать form от submitHandler функции собирается объекта кнопки функция. После того, как они нажмете OK, они будут отправлены в форму.

Answer 1

для того, чтобы JQuery, чтобы отправить форму после того, как «OK» нажата, вы должны построить свою форму следующим образом:

<form id="demo" method="post" action=""> 
    <input type="text" name="password" /> 
    <input type="text" name="password2" /> 

    <div id="dialog-confirm" title="Success"> Thank you, success message</div> 

    <input type="submit" name="submit" value="Submit" /> 
</form> 

Это позволяет распознать кнопку «OK» с помощью проверки jQuery. Обратите внимание, что диалоговое окно должно быть внутри формы перед кнопкой отправки.

Answer 2

Удалите параметр form с помощью обработчика кнопки «ОК». Вы затеняете параметр form от submitHandler.

Answer 3

В плагине jQuery Validate параметр form просто представляет ваш объект form. В этом случае form представляет ту же самую вещь, что и $("#demo"). Поскольку вы пытаетесь использовать его в методе .dialog(), form может не распознаваться.

Просто увидеть, если это работает лучше ...

submitHandler: function(form) { 
    $("#dialog-confirm").dialog({ 
     autoOpen: true, 
     resizable: false, 
     height:250, 
     width:500, 
     modal: true, 
     buttons: { 
      OK : function() { 
       $("#demo").submit(); 
      } 
     } 
    }); 
}