function called by onsubmit never reached

Question

Probably a daft oversight but I have an HTML form similar to this:

<form onsubmit="updateProfile();">
    <input type="submit" value="Update Account">

    ..
    ...

</form>

And:

function updateProfile() {

    // never gets here

};

I set a breakpoint in the updateProfile() function but when I click the Update Account button it never gets there.

Can anyone give me a likely explanation?

It's work, take a look at **[Working fiddle](https://jsfiddle.net/6dsxb9tr/1/)**; — Zakaria Acharki, Aug 26 '15 at 10:48
did you try to use
? http://stackoverflow.com/questions/3350247/how-to-prevent-form-from-being-submitted — Dezigo, Aug 26 '15 at 10:50
I have just added break point in given fiddle and it's perfectly working for me. — Avinash T., Aug 26 '15 at 10:51
To all: if it works as a snippet and does not work for him/her, then may be the cause in something in the context. — Hibou57, Sep 04 '17 at 22:10

score 2 · Answer 1 · answered Aug 26 '15 at 10:53

2

A form without an action attribute is not a form, according to standards - and will actually cause a page reload in some browsers.

To avoid this behavior update from

<form onsubmit="updateProfile();">

to

<form onsubmit="updateProfile(); return false;">

answered Aug 26 '15 at 10:53

Nikhil Aggarwal

28,197
4
43
59

1

Thanks - seems that's what I was missing (previous answer solved the problem too). – Robert Aug 26 '15 at 11:06

score 2 · Accepted Answer · answered Aug 26 '15 at 10:57

2

<form id="myForm">
    <input type="submit">
</form>

then in javascript you can do this

$('#myForm').on('submit', function(event){
    event.preventDefault();
    updateProfile();
});

and don't forget to import jquery library :)

answered Aug 26 '15 at 10:57

E. Stancheva

66
2

score 1 · Answer 3 · answered Aug 26 '15 at 10:52

1

It seems i cannot reproduce your issue, look here is it similar?

codepen http://codepen.io/icrosil/pen/bdXyPL

answered Aug 26 '15 at 10:52

Illia Olenchenko

128
7

Yes - not sure why it didn't work but the other answer solved it. Thanks anyway. – Robert Aug 26 '15 at 11:03

score 1 · Answer 4 · answered Aug 26 '15 at 10:55

1

<form onsubmit="updateProfile(event);">
<input type="submit" value="Update Account">

..
...

</form>

function updateProfile(e) {
e.preventDefault();
 alert("it gets here buddy");

};

answered Aug 26 '15 at 10:55

Master Yoda

531
8
22

score 1 · Answer 5 · answered Sep 04 '17 at 22:07

1

May be a click handler is active somewhere in the document, catches the click event, prevents the default action to occur (returning false or using event.preventDefault()), hence the submit event never triggers from the form.

answered Sep 04 '17 at 22:07

Hibou57

6,870
6
52
56

function called by onsubmit never reached

5 Answers5