Форма AJAX не работает (плагин malsup form)

Question

Я пытаюсь использовать AJAX мою контактную форму с использованием JQuery Validation и плагина формы AJAX Malsup, но форма не отправляется вообще (работает без AJAX). Я новичок в JS, так что медведь со мной. Вот мой сценарий:

<script src="http://malsup.github.com/jquery.form.js" type="text/javascript"></script> 
<script> 
$(document).ready(function() { 
// attach handler to form's submit event 
$(".new-form").submit(function() { 
    // submit the form 
    $(this).ajaxSubmit(); 
    // return false to prevent normal browser submit and page navigation 
    return false; 
}); 
// validate signup form on keyup and submit 
$(".new-form").validate({ 
    submitHandler: function(form) { 
     $(form).ajaxSubmit(); 
    }, 
    rules: { 
     name: { 
      required: true, 
      minlength: 2 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     message: { 
      required: true 
     } 
    }, 
    messages: { 
     name: { 
      required: "Please enter your name", 
      minlength: "Your name must consist of at least 2 characters" 
     }, 
     email: { 
      required: "Please provide a valid email address" 
     }, 
     message: { 
      required: "Please provide a message" 
     } 

    } 
}); 
}); 
</script> 

Где я пошла не так?

Answer 1

Вы должны смотреть этот пример: http://malsup.com/jquery/form/#ajaxSubmit

Добавить этот код:

// attach handler to form's submit event 
$(".new-form").submit(function() { 
    // submit the form 
    $(this).ajaxSubmit(); 
    // return false to prevent normal browser submit and page navigation 
    return false; 
});