jquery提交表单中断js window.history.back()

时间:2012-03-24 23:46:08

标签: javascript jquery css submit

使用锚点和jquery提交表单时

<a id="submit_registration_form" href="#validate_form" >Submit</a> .... 
$('#submit_registration_form').click(function() {
    $('#registration_form').submit();
});

如果我使用

,我无法回到上一页(数据提交的地方)
<a href="javascript:window.history.back();">Edit form</a>

为了使history.back()起作用,必须使用提交按钮提交表单

<input type="submit" value="Submit" />

带有输入类型提交按钮的问题是它很难设置样式并获得与使用锚点时相同的外观

任何帮助?

1 个答案:

答案 0 :(得分:2)

您必须记住处理程序函数中的return false,以便在点击后停止跟踪链接。

但是,更好地处理提交按钮的样式而不是滥用链接,以及带来的可用性问题。一些提示:border: nonepadding: 0background: transparentdisplay: inline以及Firefox,...::-moz-focus-inner { padding: 0; }

history.back()也几乎总是错误的(考虑重新回显新页面中的表单内容),并且在所有情况下都应避免使用javascript: URL。