一些jQuery代码的更多问题

时间:2013-11-17 17:10:39

标签: jquery ajax

我已经创建了一个通过Ajax发送数据的表单,但是当它应该从表单中删除所有值时,( form.trigger('reset'); )它不会这样做,要么保留我输入的文字。

你可以帮我解决这个问题吗?

$(document).ready(function() {
  var form = $('#form'); // contact form
  var submit = $('#submit');  // submit button
  var alert = $('.alert'); // alert div for show alert message

  // form submit event
  form.on('submit', function(e) {
    e.preventDefault(); // prevent default form submit

    $.ajax({
      url: 'query.php?action=chat', // form action url
      type: 'POST', // form submit method get/post
      dataType: 'html', // request type html/json/xml
      data: form.serialize(), // serialize form data 
      beforeSend: function() {
        alert.fadeOut();
        submit.html('Sending....'); // change submit button text
      },
      success: function(data) {
        alert.html(data).fadeIn(); // fade in response data
        form.trigger('reset'); // reset form
        submit.html('Send Email'); // reset submit button text
      },
      error: function(e) {
        console.log(e)
      }
    });
  });
});

1 个答案:

答案 0 :(得分:2)

$('#form')[0].reset();也应该明确表格。