JavaScript code for the submit button to proceed or halt the form submission

Question

JavaScript code for the submit button to proceed or halt the form submission

Within my JSP file, I have the following code snippet:

<input type="submit" value="Transfer ULD" onclick="doSomething();" name="_eventId_transferULDTransition"/>

The doSomething() function mentioned above is a JavaScript method.

function doSomething() {    
    var transferType = document.getElementById('equipmentType').value;
    if(${uldSelector.baseLoadToUse.uldEquipType} == 02 && 
        (transferType == 01 || transferType == 13 || transferType == 07)){
        var r = confirm("Still want to tranfer Air Container?");
        if (r == true) {
            return true;
        } else {
            return false;
        }
    }
}

Within this method, there are around 4 to 5 conditions...

The desired functionality is for the action to continue when the user clicks 'OK' and to cancel when they click 'CANCEL'...

However, in practice, it seems to submit in both scenarios using Spring Webflow, Spring MVC, and Java.

I would greatly appreciate any suggestions or advice on how to address this issue! Thank you!

java javascript

Answer 1

Answer №1

In order for the onclick function to work properly, it requires a return statement. For example:

<input type="submit" value="Transfer ULD" onclick="return doSomething();" name="_eventId_transferULDTransition"/>

It is common practice to include a return false within the function, but it's important to note that the onclick method itself does not actually return a value.

Answer 2

In order for the onclick function to work properly, it requires a return statement. For example:

<input type="submit" value="Transfer ULD" onclick="return doSomething();" name="_eventId_transferULDTransition"/>

It is common practice to include a return false within the function, but it's important to note that the onclick method itself does not actually return a value.

Answer 3

Answer №2

The click action does not have a return value assigned to it

onclick="doSomething();

It should actually be

onclick="return doSomething();

However, it would be more effective to handle this on the form level with onsubmit.

<form onsubmit="return doSomething(); >

Why handle it on the form? This is because the form can be submitted without clicking the button, for example by pressing the Enter key in a text box.

Answer 4

The click action does not have a return value assigned to it

onclick="doSomething();

It should actually be

onclick="return doSomething();

However, it would be more effective to handle this on the form level with onsubmit.

<form onsubmit="return doSomething(); >

Why handle it on the form? This is because the form can be submitted without clicking the button, for example by pressing the Enter key in a text box.

JavaScript code for the submit button to proceed or halt the form submission

Answer №1

Answer №2

Similar questions

The JavaScript script to retrieve the background color is malfunctioning

AngularJS ng-show will not function properly with newly added DOM elements

Extracting live content from a website within a native Webview

Unable to create a flawless circle using Canvas

Filtering data in Vue.js using JSON specifications

What is the best way to include a context in a JavaScript promise?

Change the default direction of content scrolling in CSS and JavaScript to scroll upwards instead of

AngularJS application: the button requires two clicks to activate

Is it possible for Skycons to show a duplicate icon?

What methods exist for determining the current location or city of a user without requesting permission?

What causes addEventListener to not return a value?

Enhancing class instantiation through JSON deserialization with custom arguments

Running shell commands through child_process in JavaScript

Guide to Establishing a Connection to WCF Service using Ionic Project and AngularJS

Issue with Vue JS component on blade template page

Tips for testing nested subscribe methods in Angular unit testing

The robot will automatically update its own message after a designated period of time

Is there a way to prevent a user who is already logged in from accessing their account on a different browser or tab

Creating vibrant row displays in Vue.js: A guide to styling each row uniquely

Blockage preventing text entry in a textarea