我有这个HTML表单与一个ID,我已绑定此ID的提交功能。我想要的是当用户点击提交,弹出窗口像一个模态框感谢他们。只有当他们点击屏幕或模态框关闭后,我想要该表单提交和刷新页面。
@H_403_2@但我的方式现在似乎它会刷新无论什么。我使用花哨的弹出插件的模态框。
<form action="submit-comment.PHP" method="post" id="form"> <input type="text" name="comment" /> <input type="submit" name="submit" value="Submit" /> </form> jQuery("#form").submit(function() { jQuery.fancybox('<div class="Box">Some content</div>',{ 'onClosed' : function() { return true; } } }); });@H_403_2@正如你可以看到,我试图告诉它只返回真正的关闭,但它不是真的工作。 @H_403_2@有任何想法吗?
解决方法
尝试这个:
jQuery("#form").submit(function(e) { var self = this; e.preventDefault(); jQuery.fancybox('<div class="Box">Some amazing wonderful content</div>',{ 'onClosed' : function() { self.submit(); } }); return false; //is superfluous,but I put it here as a fallback });@H_403_2@javascript是异步的,所以你不能延迟return语句。 @H_403_2@更新 @H_403_2@为了使上面的代码起作用,请将您提交按钮的名称更改为其他名称,例如:
<input type="submit" name="submit_me" value="Submit" />