我在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>
答案 0 :(得分:1)
成功提交你的意思是什么?写到DB?因为那时你需要在后端处理这个问题。
说我使用Node + Angular。因此,当我在post之后成功写入数据库时,总是有一个服务器响应,其中200(All OK)标题告诉Angular,一切都很顺利。你需要这样的东西。
如果您在提交后没有重定向,并且元素的取消隐藏表示良好的提交,我认为您可以在JQuery中使用AJAX帖子。
http://api.jquery.com/jquery.ajax/
这个回调函数可用来执行你的非隐藏逻辑。