提交后的Ajax表单

Question

我目前正在使用以下ajax代码提交表单：

 <script>
 $('#reg-form').submit(function(e){

e.preventDefault(); // Prevent Default Submission

$.post('ajaxdmsgsub.php', $(this).serialize() )
.done(function(data){
  $('#form-content').fadeOut('slow', function(){
      $('#form-content').fadeIn('slow').html(data);

    });
})
.fail(function(){
 alert('Ajax Submit Failed ...');
});
});
</script>

形式：

  <div id="form-content">
 <form method="post" id="reg-form" autocomplete="off"   action="ajaxdmsgsform.php">

<label>Message</label>
<textarea class="txtarea" name="message"></textarea>

 <div class="cleared"></div>
<input type="submit" value="Submit Message" class="submitit" onclick="hide('myModal')">
</form>

</div>

提交后我的表单消失了，我希望表单重置，这样用户可以继续提交而不刷新 - 我正在使用这个功能，就像一个即时通讯工具。但不知道如何防止表格消失。

Answer 1

$('#form-content').fadeOut('slow', function(){
   $('#form-content textarea, #form-content input').each(function(){
       $(this).val("");
  })
  $('#form-content').fadeIn('slow');
});