You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

表单提交前确认功能实现求助:onSubmit事件配置问题

解决表单提交前的确认对话框问题

嗨,我来帮你搞定这个表单确认的小问题~你之前的代码失效,是因为用错了函数:你写的copy()是用来复制内容到剪贴板的,根本不是弹出确认对话框的工具!咱们应该用浏览器原生的confirm()函数,它专门用来创建带“确定/取消”的确认弹窗。

正确的表单代码写法

直接修正onSubmit的逻辑就行:

<form method="POST" id="test" onSubmit="return confirm('表单是否填写正确?')" action="./test.html">
  <!-- 这里放你的表单控件 -->
</form>

逻辑说明

  • confirm('表单是否填写正确?')会弹出确认框,用户点击「确定」返回true,点击「取消」返回false
  • onSubmit事件返回true时,表单会正常提交到action指定的./test.html;返回false时,提交会被终止,完全符合你的需求。

更清晰的进阶写法(可选)

如果以后要加更多验证逻辑,把代码抽成单独的函数会更易维护:

<form method="POST" id="test" onSubmit="return validateForm()" action="./test.html">
  <!-- 表单控件 -->
</form>

<script>
function validateForm() {
  // 这里可以添加其他表单验证逻辑(比如检查必填项)
  return confirm('表单是否填写正确?');
}
</script>

这样修改后,你的表单就能按预期工作啦~

内容的提问来源于stack exchange,提问作者Stef

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:12:55