我有一个简单的表格。当按下表单的提交按钮时，如果用户真的想提交表单，我想要一个 JS 确认语句来捕获。对话框出现。如果在确认对话框中按下取消，则 confirm() 会返回 false，但表单仍会提交。其他按钮可以提交表单。我做错了什么？
<!DOCTYPE html>
<html>
<head>
<style>
.bg2 {background-color: #E1EBF2;}
html, body {
color: #536482;
background-color: #F5F7FA;
label: font-weight: 800;
}
</style>
<script>
function confirm_check() {
return confirm('Does this post conform to the board rules? If unfamiliar with the board rules, click Cancel then read the Board rules on the navigation bar. If it complies, submit the form again and select OK.')
}
</script>
</head>
<body>
<title>Posting form</title>
<h1>Posting form</h1>
<div class="bg2">
<form action="./thanks.html" method="get">
<div>
<dl>
<dt><label for="subject">Subject:</label></dt>
<dd><input type="text" name="subject" id="subject" size="45" maxlength="120" tabindex="2" value="" class="inputbox autowidth" /></dd>
</dl>
</div>
<div>
<textarea name="message" id="message" rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox" style="position: relative;">
</textarea>
</div>
<input type="submit" accesskey="k" tabindex="7" name="save" value="Save draft" class="button2">
<input type="submit" tabindex="5" name="preview" value="Preview" class="button1">
<input type="submit" accesskey="s" tabindex="6" name="post" onclick="confirm_check();" value="Submit" class="button1 default-submit-action">
</form>
</body>
</html>
你需要
onclick="return confirm_check();"falseconfirm_check()要让
confirm<input>submitonclickonsubmit="return confirm_check();"<form>但是，使用内联事件处理程序并不是现代 JavaScript 的最佳实践。你应该更喜欢
addEventListenerevent.preventDefault()该代码看起来像这样（首先删除所有内联事件处理程序）：
document.querySelector('.default-submit-action').addEventListener('click', e => {
if (!confirm_check()) e.preventDefault();
});