jQuery Validate make submit in заданный div

Question

На моем index.php страница, атрибут действия формы 'target.php'. Я использую jQuery Valdiate для проверки формы.

<form action="target.php" method="post" class="contact-validate"> 
    <div> 
     <div id="sent"></div> 
     <input type="text" placeholder="Przedstaw się" name="name" id="name" /> 
     <input type="text" placeholder="Miejscowość" name="city" id="city" /> 
     <button type="submit" id="submit">Send form *</button> 
    </div> 
</form> 

Проблема заключается в том, что после правильной проверки, форма действия выполняется другая страница, но мне нужно это действие можно выполнить в #sent делах.

Вот код JQuery

<script> 
jQuery('.contact-validate').validate({ 
    rules: { 
     "name": { 
      required: true 
     }, 
     "city": { 
      required: true 
     } 
    }, 
    submitHandler: function(form) { 
     form.submit(); 
    } 
}); 
</script> 

Я не знаю, что мне нужно добавить в «submitHandler»

Answer 1

Вы не можете использовать form.submit(), если вы хотите, чтобы страницы, остающейся после отправки формы , Вместо этого вы можете использовать ajaxSubmit() функцию JQuery, как это,

HTML

<form action="target.php" id="theform" method="post" class="contact-validate"> 
    <div> 
     <div id="sent"></div> 
     <input type="text" placeholder="Przedstaw się" name="name" id="name" /> 
     <input type="text" placeholder="Miejscowość" name="city" id="city" /> 
     <button type="submit" id="submit">Send form *</button> 
    </div> 
</form> 

Javascript

<script> 
jQuery('.contact-validate').validate({ 
    rules: { 
     "name": { 
      required: true 
     }, 
     "city": { 
      required: true 
     } 
    }, 
    submitHandler: function(form) { 
     $("#theform").ajaxSubmit({url: 'target.php', type: 'post'}); 
     $("#theform").submit(function(e){ // I think you need to prevent the actual (normal without ajax) form submitting. 
      e.preventDefault(); 
     }); 
    } 
}); 
</script> 

Answer 2

Чтобы предотвратить формы из представления, вы можете использовать либо

//(jQuery) prevent default functionality of the button 
e.preventDefault(); 

или

//(javascript) return from the method so it does not submit. 
return false; 

Я не очень уверен в более позднем. дайте мне знать, как только вы попробуете.

Cheers !!