在成功提交表单时显示元素

Question

我在使用联系人表单插件的wordpress网站上有一个表单，我想在表单提交成功后显示一个div。我尝试使用jQuery来显示提交.submit（）时的div，但在这种情况下，无论表单是否成功提交，只要点击提交按钮，就会调用div显示。任何人都可以帮助我如何验证表单是否在运行揭示函数之前成功提交？我的jquery和html在下面！谢谢！

<form class="subscriptions" method="post" enctype="multipart/form-data" novalidate="novalidate"> 
<!-- Inputs and stuff --> 
<input type="submit" value="send"> 
</form> 

<div class="subscribe"><h2>some text to be displayed here</h2></div> 

<script> 
    $("form.subscriptions").submit(function(){ 
     $("div.subscribe").delay(1200).fadeIn(800, function(){ 
      $("form.subscriptions").slideUp(1200); 
     }); 

    }); 
</script> 

Answer 1

成功提交您的意思是什么？写入数据库？因为那你显然需要在后端处理这个问题。

说我使用Node + Angular。所以当我在发布后成功完成数据库写入时，总会有一个200（全部为OK）标题的服务器响应，告诉Angular，一切都很顺利。你需要这样的东西。

如果在提交之后没有重定向，并且元素的取消隐藏表示良好的提交，我认为您可以在JQuery中使用AJAX文章。

http://api.jquery.com/jquery.ajax/

这其中有一个.success（）回调，你可以用它做你的取消隐藏的逻辑英寸