javascript - 当我在确认对话框中点击取消时,为什么 JS confirm() 不会取消提交操作?

标签 javascript html forms

我试图找出问题出在哪里,但没有线索。
通过使用 HTML5 多提交,我有一个表单有 4 个按钮。当我点击 DELETE 按钮时,会弹出一个对话框,通过使用属性 onclick="confirm('message');。当我点击取消时,它应该停止表单提交,关闭对话框并停留在同一页面上而不进行任何操作,而是继续提交表单。直到现在它都可以正常工作,我找不到问题出在哪里。

<form action="http://google.com/index/25" method="post" accept-charset="utf-8">
    <button class="btn" type="submit" name="formSubmit" value="new">New</button>
    <button class="btn" type="submit" name="formSubmit" value="save">Bulk save</button>
    <button class="btn btn-danger" type="submit" name="formSubmit" value="delete" onclick="confirm('Do you really want to remove a record(s)?.');">Delete permanently</button>
    <button class="btn" type="submit" onclick="confirm('stop or proceed');">submit</button>
</form>

还有一个直播 DEMO IS HERE on jsbin

有人遇到同样的错误吗?

最佳答案

在表单而不是按钮上处理它,并让处理程序从确认对话框返回结果:

<form onsubmit="return confirm('stop or proceed');">

你也可以处理每个按钮的事件,但不要忘记返回:

<button onclick="return confirm('blabla');">Button</button>

关于javascript - 当我在确认对话框中点击取消时,为什么 JS confirm() 不会取消提交操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20455552/

相关文章:

javascript - Angular 4如何显示隐藏嵌套表单组验证

javascript - Mailchimp 内联表单验证不适用于 JS 加载的 HTML

javascript - 以 data-* 开头时无法识别 AngularJS 指令

javascript - 只更新折线而不是整个 map

javascript - Mixin 是什么以及何时在 polymer 中使用它?

html - 在响应式布局中成对堆叠表格中的单元格

html - Chrome 信用卡自动填充字段名称错误/冲突

服务器端表单的 Javascript?

html - 如何使用 CSS 更改标签?

html - 图片不适合 WKWebView