How to call javascript function inside another function onsubmit form?

Question

function toggle1() {
    //code toogle1

    function toggle2() {
        //code toogle2
    }
}

I want to call toggle2() in the onsubmit of the form:

<form name="myForm" action="blabla.php" onsubmit="return toogle2()" method="post">

I have no clue about this, thanks in advance.

@Anickyan because there are some things that make i want call toogle2() inside toogle1() , is there a way to call toogle2 ? thanks — user2449684
– user2449684, Commented Jun 9, 2013 at 8:48
you need to return toggle2 in toggle1 to access it out of the toggle1 scope — Jonathan de M.
– Jonathan de M., Commented Jun 9, 2013 at 8:49
Just take toggle2() outside of toggle1() to make it global. Case solved. — user447356
– user447356, Commented Jun 9, 2013 at 8:50
@user2449684 If you want to call toggle2 from inside toggle1 you could just move it outside, it would still be callable by toggle1. The only reason I see for doing this would be to hide toggle2 from any code outside toggle1. — Jon Koops
– Jon Koops, Commented Jun 9, 2013 at 8:54

Quentin · Accepted Answer · 2013-06-09 08:46:17Z

1

toggle2 is defined within the scope of toggle1, so it isn't a global and is not accessible.

You could assign it to a global:

function toggle1() {
    //code toogle1

    function toggle2() {
        //code toogle2
    }

    window.toggle2 = toggle2;

}

… but it wouldn't be available until toggle1 was called.

Globals are generally a bad idea though. In most cases you are usually better off not using them. This makes the onXXX attributes unusable so you would have to switch to something more modern (addEventListener, either directly or through an abstraction library).

function toggle1() {
    //code toogle1

    function toggle2() {
        //code toogle2
    }

    document.querySelector('form').addEventListener('submit', toggle2);

}

You'd still need to call toggle1 before it could be used though.

answered Jun 9, 2013 at 8:46

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2449684 Over a year ago

thanks @Quentin for the answer , it worked , but you right still need to call toggle1 first , really bad method what i do , i will move toogle2() to outside

5z- - · Accepted Answer · 2013-06-09 08:59:31Z

1

function toggle1() {
    //code toogle1
    toggle2();
}

function toggle2() {
   //code toogle2
}

If I was you,I would like use the above way

answered Jun 9, 2013 at 8:59

5z- -

1614 bronze badges

Collectives™ on Stack Overflow

How to call javascript function inside another function onsubmit form?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related