问提交后的Ajax显示表单
EN

Stack Overflow用户

提问于 2016-11-17 22:08:16

回答 1查看 397关注 0票数 0

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

在提交我的表单消失后，我希望重新设置表单，这样用户就可以继续提交而无需刷新--我就像一个即时通讯程序一样使用这个功能。但却不知道如何防止这种形式消失。

javascript

ajax

forms

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-17 22:25:35

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40665923

复制

相似问题

问提交后的Ajax显示表单
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问提交后的Ajax显示表单EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问提交后的Ajax显示表单
EN