How to call multiple javascript functions in onclick event?

Question

1.00/5 (1 vote)

See more:

Please how can I call these JavaScript Function for an Onclick Even.

Below is the submit button script;

<button data-uifm-tabnum="0" class="rockfm-txtbox-inp-val btn" type="submit" data-val-btn="Submit" data-val-subm="Sending" onclick="javascript:rocketfm.submitForm(this);return false;" >Submit</button>

Below is a Single Onclick Function that submit form -1st Function;

onclick="javascript:rocketfm.submitForm(this);return false;"

Below is the redirect Function I would like to add as the second function -2nd Function:

top.location = 'https://google.com';

What I have tried:

I need help with code sample on how to execute 1stFunction, followed my the 2nd function. 

Thank you.

Posted 14-Jul-19 14:37pm

cHl Security

Updated 14-Jul-19 17:25pm

Add a Solution

Comments

Richard Deeming 16-Jul-19 14:34pm

Depending on what that submitForm function does, I suspect one of two things will happen: either
a) submitting the form will prevent the top-level navigation; or
b) the top-level navigation will prevent the form from being submitted.

Worse, this will be almost impossible to debug, since it will depend on your network speed, and the speed of the handler which receives the form submission.

I'd be very wary of doing something like this.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anurag Gandhi · Answer 1 · 2019-07-14T17:26:00

You can call any number of functions in sequence till the time you don't return false from any function in chain.

JavaScript

<button data-uifm-tabnum="0" class="rockfm-txtbox-inp-val btn" type="button" data-val-btn="Submit" data-val-subm="Sending" onclick="javascript:rocketfm.submitForm(this);redirect();">Submit</button>

However, you should look at the scenario where you really need this. Its suggested to call a single handler for a button and call other functions from there.

Patrice T · Answer 2 · 2019-07-14T15:34:00

Quote:
Please how can I call these JavaScript Function for an Onclick Event.

Short answer, you don't, not directly.
An event calls only 1 function, but nobody said that it have to be the real functions you want, the trick is to call an intermediate function which call all the functions you need.
Try something like:

JavaScript

onclick="javascript:MyIntermediate ()"
...
function MyIntermediate () {
    rocketfm.submitForm(this);
    top.location = 'https://google.com';
    return false;
}

How to call multiple javascript functions in onclick event?

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0