JSP：提交前确认

Question

I'm trying to show a confirm dialog before submitting form data. I want a dialog to pop up with ok and cancel where ok submits the data and cancel does nothing. This has proven to be trickier than I ever could have imagined.

The web application is in java and jsp. I've tried the following using "onclick=" hoping for a simple solution to no avail:

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>

The problem is I can get the confirm dialog to appear with the above code but receiveInventory is triggered whether I hit ok or cancel. I need it to only trigger when I hit ok. I feel like I'm very well versed in java and jsp but I'm less than a novice when it comes to javascript(I avoid it like the plague) and I think that's what I'm going to need to pull this off. Any help or pointing in the right direction would be greatly appreciated.

Answer 1

Your button is a "submit" type so it is most likely triggering the form's onSubmit event when it is clicked, regardless of your own click handler. Also, confirm returns a boolean which you can use to tell if they selected the "Ok" button.

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>

Ideally you probably should just set your form's submit handler to call checkSubmission . Then you don't have to set a click handler on the button at all