javascript - onclick 确认不被提示

Question

我的 .jsp 文件之一中有以下内容:

...
<input style = "margin-left: 100px" type="submit" name = "cancel" onclick="return confirm('Are you sure?');" value="Cancel" />
...

以上工作完美，当我点击提交时，会弹出一个窗口，其中包含相应的确认消息。另一方面，在另一个 .jsp 文件中，我有以下内容(与上面几乎相同):

...
<input style = "margin-left: 100px" type="submit" name = "confirm" onclick="return confirm('Proceed to results?');" value="Confirm" />
...

在这种情况下，提示窗口根本不会出现，当我按下提交时，它会加载下一页而不要求确认。有什么区别导致第二个示例无法按预期工作？

Answer 1

发生这种情况是因为您为输入指定了nameconfirm。有些浏览器(例如 Chrome)会将命名表单元素放在全局范围(window)上。由于您的元素名为 confirm ，因此它会将 window.confirm 函数覆盖为您的元素。

只需将您的输入命名为其他名称即可

<input type="submit" name="myconfirm" onclick="return confirm('Proceed to results?');" value="Confirm" />