我有一个表格，有 2 个按钮
<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>
我也在它们上面使用 jQuery UI 的按钮，就像这样
$('button').button();
但是，第一个按钮也会提交表单。我会认为如果它没有type="submit"，它就不会。
显然我可以做到这一点
$('button[type!=submit]').click(function(event) { event.stopPropagation(); });
但是有没有一种方法可以阻止后退按钮在没有 JavaScript 干预的情况下提交表单？
老实说，我只使用了一个按钮，所以我可以用 jQuery UI 来设计它。我尝试调用button()链接，但它没有按预期工作（看起来很丑！）。
元素type属性button 的默认值是“提交”。将其设置type="button"为生成不提交表单的按钮。
<button type="button">Submit</button>
用HTML 标准的话来说：“什么都不做”。
只需使用良好的旧 HTML：
<input type="button" value="Submit" />
如果您愿意，请将其包装为链接的主题：
<a href="http://somewhere.com"><input type="button" value="Submit" /></a>
或者，如果您决定希望 javascript 提供一些其他功能：
<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>
<form onsubmit="return false;">
...
</form>
老实说，我喜欢其他答案。简单，无需进入JS。但我注意到你问的是 jQuery。因此，为了完整起见，在 jQuery 中，如果您使用 .click() 处理程序返回 false，它将否定小部件的默认操作。
简而言之，使用您的示例代码，请执行以下操作：
<script type="text/javascript">
$('button[type!=submit]').click(function(){
// code to cancel changes
return false;
});
</script>
<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>
作为一个额外的好处，有了这个，您可以摆脱锚标记而只使用按钮。