jQuery - Форма не подтверждена

Question

В следующей форме, когда я попал в submit, он оповещает 111, но не отправляет запрос ajax. Вместо этого он отправляет запрос на отправку страницы. Зачем?

<form id="post_answer_form" method="POST" action="some_url"> 
    <fieldset> 
     <textarea id="qanswer" name="qanswer"></textarea> 
     <button type="submit">Post Your Answer </button> 
     <button type="submit" style="display: none;">Update </button> 
    </fieldset> 
</form> 

Я проверка его против некоторых правил следующим образом:

$(document).on('submit', '#post_answer_form', function(){ 
    alert(111) 
    tinymce.triggerSave(); 
}).validate({ 
    ignore: '', 
    rules: { 
     qanswer: { 
      required: true, 
     } 
    }, 
    submitHandler: function(form) { 
     alert(111) 
     $.ajax({ 
      ... 
     }); 
     return false 
    }, 
}); 

Answer 1

Вашей проверка не работает, потому что вы не подаете проверки на форме. вы можете попробовать следующий код.

$(function(){ 
    $('#post_answer_form').submit(function(e) { 
     e.preventDefault();  
     tinymce.triggerSave(); 
     if($('#post_answer_form').valid()){ 
      // Submit form using ajax or using .submit() 
      $.ajax({ 
       ... 
      }); 
     } 
    }); 

    $('#post_answer_form').validate({ 
     ignore: '', 
     onsubmit : false, 
     rules: { 
      qanswer: { 
       required: true, 
      } 
     } 
    }); 
});