jQuery - почему ajaxForm обходит процедуру проверки?

Question

У меня есть следующий фрагмент кода:

$(document).ready(function () {
      // bind 'regFormBody' and provide a simple callback function
      $('#regFormBody').ajaxForm(function() { 
          alert("Thank you for your comment!"); 
      }); 

      // validate the #regFormBody form when it is submitted
      $("#regFormBody").validate({
        submitHandler: function(form) { 
          alert('form is submitted');
        },        
        rules: {
          ...
        },
        messages: {
          ...
        }
      });
}      

Проблема в том, что после добавления

    // bind 'regFormBody' and provide a simple callback function
    $('#regFormBody').ajaxForm(function() { 
        alert("Thank you for your comment!"); 
    }); 

проверка формы не работает вообще.Я всегда вижу сообщение с предупреждением («форма отправлена»), даже не вводя никакой информации в форму.

Можете ли вы рассказать мне, как решить эту проблему?

Спасибо

Answer 1

Вы можете расширить свой объект параметров для .ajaxForm(), например:

$('#regFormBody').ajaxForm({
  beforeSubmit: function() {
    return $('#regFormBody').valid();
  },
  success: function() { 
    alert('Thanks for your comment!'); 
  } 
});

Это приведет к запуску проверки перед отправкой, а если это не .valid() это остановит отправку, как вы хотите.