JSP：提交前确认

Question

我试图在提交表单数据之前显示一个确认对话框。我想要一个对话框弹出 ok 并在 ok 提交数据的地方取消，而取消什么也不做。事实证明，这比我想象的要棘手。

Web 应用程序是用 java 和 jsp 编写的。我使用“onclick =”尝试了以下操作，希望有一个简单的解决方案无济于事：

Java：ReceiveAction.java

        public Resolution receiveInventory() {
             ...
             return new ForwardResolution(ADJUSTMENT);
        }

jsp：receive-action.jsp

        <button name="_eventName" value="receiveInventory" type="submit" class="btn btn-green disabler-ignore-readonly" onclick="javascript:return confirm('are you sure?');">Receive</button>

问题是我可以使用上述代码显示确认对话框，但无论我点击确定还是取消都会触发接收库存。我需要它只在我点击确定时触发。我觉得我非常精通 java 和 jsp，但在 javascript 方面我还不是新手（我像瘟疫一样避免它），我认为这就是我需要完成的。任何帮助或指出正确的方向将不胜感激。

Answer 1

您的按钮是“提交”类型，因此它很可能在单击时触发表单的onSubmit 事件，无论您自己的单击处理程序如何。此外，confirm 返回一个布尔值，您可以使用它来判断他们是否选择了“确定”按钮。

function checkSubmission() {
    let confirmed = confirm("Are you sure?");

    if (confirmed) {
         // Submit your form....
         recieveInventory(); // document.getElementById('myFormId').submit();
    } else {
        // Handle cancel here if needed
    }
}

<button name="_eventName" value="receiveInventory" type="button" class="btn btn-green disabler-ignore-readonly" onclick="javascript:return checkSubmission();">Receive</button>

理想情况下，您可能应该将表单的submit 处理程序设置为调用checkSubmission。那么你根本不必在按钮上设置click 处理程序