jquery validate не отправляет форму

Question

Я использую Jquery validate plugin in для проверки формы, все в порядке с проверкой моей проблемы в функции submitHandler, которую по какой-то причине я не получаю, не отправляет форму на моя почта, я проверил php и полностью в порядке. Это файл того, что im делает больше полных http://jsfiddle.net/KszmV/

Другое, что мне нужно сделать, и я не знаю, как это сделать. Как отправить форму без повторной загрузки страницы и отображения сообщения в конце формы

это мой сценарий

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#contactusform1").validate({ 
      rules: { 
       "name": { 
        required: true, 
        minlength: 3 
       }, 
       "phone":{ 
        required:true, 
        digits:true 
       }, 
       "email":{ 
        required: true 
       } 

      }, 
      messages: { 
       "name": { 
        required: "Please enter a name" 
       }, 
       "phone":{ 
        required: "Please provide a contact number" 
       }, 
       "email":{ 
        required: "Enter a valid email" 
       } 
      }, 
      errorPlacement: function(error, element) { 
       error.insertAfter(element); 
      }, 

      submitHandler: function (form) {  

       $.ajax({ 
        type: 'POST', 
        data: $('form').serialize(), 
        url: 'process-contact1.php', 
        success: function() { 

        }       

       }); 

       form.submit(); 
      }   

     }); 

    }); 
</script> 

Answer 1

у вас есть несколько вопросов

submitHandler: function (form) {  
    $.ajax({ 
     type: 'POST', 
     data: $(form).serialize(), // $(form) is ok here 
     url: 'process-contact1.php', 
     success: function() { 
     }       
    }); 
    form.submit(); //<-- REMOVE this 
    return false; //<-- ADD this 
} 

DEMO: http://jsfiddle.net/Y8cHm/

• удалить form.submit(), так как плагин уже обрабатывает это.

• вам нужно return false в пределах submitHandler, так как вы делаете ajax, или вы получите нормальное обновление для отправки/страницы.

• Your jsFiddle не был удален </form> тег.

• Your jsFiddle было ссылки на плагина gitHub page вместо the CDN.

• $(form).serialize() вполне приемлемо, как показано выше, в работе демо. С котировками $('form') просто нацеливает любые <form> на страницу. В то время как $(form) нацелен на тот же элемент формы, который уже передан в вашу функцию .validate(). В вашей демонстрации оба они дают одинаковый результат, хотя это может быть недействительным для всех других ситуаций.