ajaxForm не работает, если есть функция event.preventDefault

Question

Добрый день, ребята, я пытаюсь отправить форму с файлом, используя плагин jQuery Form, и я проверяю форму, используя атрибуты HTML5, поэтому я добавил 'event.preventDefault();'

Проблема в том, что он не работает и не отображает никаких сообщений об ошибках.

Вот код

function showResponse(responseText){
    alert(responseText);
}
function beforeSub(){
    alert("called");
}
$('#prodFormBtn').click(function(){

$("#addProductForm").ajaxForm({
    beforeSubmit: beforeSub,
    success: showResponse
}).submit(function(e){
    e.preventDefault();
});

Answer 1

Пытаться:

$(document).ready(function () {
  function showResponse(responseText){
     alert(responseText);
  }

  function beforeSub(){
    alert("called");
  }

  $("#addProductForm").ajaxForm(showResponse);
});

функция ajaxForm сделать взаимодействие через форму с помощью ajax, вы должны просто установить обработчик события успеха (showResponse).

Answer 2

Если вы используете проверку HTML5, то эта проверка является частью того, что браузер делает при отправке формы. не preventDefault() при отправке формы, если вы хотите запустить проверку HTML5.