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

Question

当使用 anchor 和 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" />

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

有什么帮助吗？

Answer 1

您必须记住在处理函数中返回 false 以阻止链接在点击后被跟踪。

但是，处理提交按钮的样式比滥用链接要好得多，因为这会带来可用性问题。一些提示:border: none, padding: 0, background: transparent, display: inline, 以及 Firefox , ...::-moz-focus-inner { 填充: 0; 。

history.back() 也几乎总是错误的(考虑在新页面中重新回显表单内容)，javascript: URLs 是为了在所有情况下都应避免。