Javascript code doesn't work when I use onsubmit instead of onclick

Question

var submit = document.getElementById('submit'),
    div = document.getElementById('div');

div.onmouseover = function sum() {
    value1 = document.getElementById('form').value;
    value1 = document.getElementById('form2').value;

    sum = value1 + value2;
}

submit.onsubmit = function print() {
    div.innerHTML = sum;
}

For some reason, the code doesn't work; however, if I replace the last with

submit.onclick = function print() {
    div.innerHTML = sum;
}

onclick instead of onsubmit, it works perfectly fine, even though sum was calculated outside and before I press submit. It's as if every variable becomes null when I enter submit even though the variables aren't even stored in the form fields.

What kind of element is document.getElementById('submit')? submit events are only triggered on form elements. — Felix Kling
– Felix Kling, Commented Feb 28, 2013 at 21:20

Denys Séguret · Accepted Answer · 2013-02-28 21:20:09Z

1

The onsubmit event handler must be attached to the form element, not to input element.

Assuming you have a form, you could do

submit.form.onsubmit = ...

answered Feb 28, 2013 at 21:20

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

2 Comments

Felix Kling Over a year ago

@Matthew: "it doesn't work" is not a helpful problem or error description. My toaster doesn't work either. Please be more precise, then we can provide better help.

Denys Séguret Over a year ago

And the HTML would be useful so that we don't have to guess. In fact a fiddle demonstrating the problem would probably ensure a good solution is given.

JaredPar · Accepted Answer · 2013-02-28 21:21:40Z

0

The onsubmit event fires on the form element, not the button. Try moving the onsubmit handler to the form instead

answered Feb 28, 2013 at 21:21

JaredPar

759k152 gold badges1.3k silver badges1.5k bronze badges

2 Comments

Matthew Loch Over a year ago

i tried form.form.onsubmit and it still doesn't work. it works if i write submit.onclick though.

Matthew Loch Over a year ago

submit.form.onsubmit doesn't work; submit.onsubmit doesn't work

Collectives™ on Stack Overflow

Javascript code doesn't work when I use onsubmit instead of onclick

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related