jQuery submit Validate post

Question

Я использую стандартный плагин проверки jQuery для проверки формы, когда пользователь нажимает кнопку «отправить».

После того, как форма подтверждена, я хочу, чтобы она отправляла данные в базу данных и показывала сообщение об успешном завершении.

Часть валидации работает нормально, но я не могу получить две мои команды. Я уверен, что мне не хватает чего-то очевидного.

Вот мой код:

<script type="text/javascript"> 

$("#formname").validate({ 
     submitHandler: function (form) { 

      $.post('https://www.custom.api.url.com', $(this).serialize(), function() { 
        success.show(); 
        $('input[type=text]').val(''); 

       } 
      }); 

</script> 

ОК, дубль два. Этот номер не работает:

<script type="text/javascript"> 

$(document).ready(function(){ 
        var success = $('.success'); 

          $("#formname").validate({ 
          submitHandler: function(form) { 

          $.post('https://www.custom.api', $(this).serialize(), function(){ 
          success.show(); $('input[type=text]').val('');     


            }); 
          }); 
        }); 

</script> 

Answer 1

Представьтесь, пожалуйста, ваш действующий код. Похоже, это и ваша главная проблема, Недопустимый синтаксис.

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#formname").validate({ 
     submitHandler: function(form) { 
      $.post('https://www.custom.api.url.com', $(form).serialize(), function() { 
       success.show(); //Undefined 
       $('input[type=text]').val(''); 
      }); 
     } 
    }); 
}); 
</script> 

$(this).serialize() также должен быть заменен $(form).serialize().

После этого дополнительно success не определено, поэтому будет другая ошибка. Но я не уверен, что именно должно быть success.

Вы должны использовать консоль браузеров, чтобы получать уведомления об ошибках JavaScript. Чтобы проверить ваш javascript, вы также можете использовать jsHint.