jQuery - Formular nicht validierend

Question

In der folgenden Form, wenn ich auf "submit" klicke, wird eine Warnung ausgegeben: 111, aber es wird keine Ajax-Anfrage gesendet. Es sendet stattdessen eine seitenerfrischende Übermittlungsanforderung. Warum?

<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> 

ich es gegen einige Regeln bin Validierung wie folgt:

$(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

Ihre Validierung nicht funktioniert, weil Sie nicht auf Formular validieren Anwendung. Sie können den folgenden Code ausprobieren.

$(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, 
      } 
     } 
    }); 
});