提交后Ajax显示表单

Ajax show form after submit

本文关键字：表单 显示 Ajax 提交      更新时间：2023-09-26

我目前使用以下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>

在提交我的表单消失后，我希望表单重置，以便用户可以继续提交而无需刷新-我使用这个功能像一个即时信使。但是我不知道如何防止表单消失

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