Javascript issue re form reset

Question

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

Код:

jQuery(document).ready(function(){ 

    $('#contactform').submit(function(){ 

     var action = $(this).attr('action'); 

     $("#message").slideUp(750,function() { 
     $('#message').hide(); 

     $('#submit') 
      .after('<img src="images/ajax-loader.gif" class="loader" />') 
      .attr('disabled','disabled'); 

     $.post(action, { 
      name: $('#name').val(), 
      email: $('#email').val(), 
      phone: $('#phone').val(), 
      subject: $('#subject').val(), 
      comments: $('#comments').val(), 
      verify: $('#verify').val() 
     }, 
      function(data){ 
       document.getElementById('message').innerHTML = data; 
       $('#message').slideDown('slow'); 
       $('#contactform img.loader').fadeOut('slow',function(){$(this).remove()}); 
       $('#submit').removeAttr('disabled'); 
       if(data.match('success') != null); 

      } 
     ); 

     }); 

     return false; 

    }); 

}); 

Я задавался вопросом, могу ли я добавить в команду сброса, но поскольку мой Java ограничен, я не уверен, где? Был бы оценен любой указатель или совет. Заранее спасибо.

Answer 1

Вы можете добавить это внутри if (data.match...) следующим образом:

if (data.match("success") != null){ 
    $('#contactform')[0].reset(); 
} 

Answer 2

Вам необходимо вручную очистить/сбросить форму. Поскольку вы используете JQuery для отправки запроса, это не похоже на действие формы, которое изменяет местоположение вашего браузера.

Просто позвоните в СБРОС, как только данные будут успешно отправлены.

Более подробную информацию о том, что смотрите: http://www.w3schools.com/jsref/met_form_reset.asp

Если с другой стороны, вы хотите сбросить значения формы по умолчанию вы задаете вы можете создать функцию, например:

function resetFormValues() 
{ 
$('#name').val('name'); 
$('#email').val('email'); 
etc.. 
} 

и вызвать resetFormValues ​​(); из вашего кода, такого как:

if (data.match("success") != null){ 
    resetFormValues(); 
}