表单提交前确认功能实现求助:onSubmit事件配置问题
解决表单提交前的确认对话框问题
嗨,我来帮你搞定这个表单确认的小问题~你之前的代码失效,是因为用错了函数:你写的copy()是用来复制内容到剪贴板的,根本不是弹出确认对话框的工具!咱们应该用浏览器原生的confirm()函数,它专门用来创建带“确定/取消”的确认弹窗。
正确的表单代码写法
直接修正onSubmit的逻辑就行:
<form method="POST" id="test" onSubmit="return confirm('表单是否填写正确?')" action="./test.html"> <!-- 这里放你的表单控件 --> </form>
逻辑说明
confirm('表单是否填写正确?')会弹出确认框,用户点击「确定」返回true,点击「取消」返回falseonSubmit事件返回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
相关产品推荐
相关产品推荐

