Form on submit event not getting triggered

Asked Dec 03 '19 at 17:39

Active Dec 03 '19 at 18:04

Viewed 601 times

I am new to web dev and for a school exercise, I'm working on something where I want to execute javascript of form submit event.

<head>
  <script>
    function foobar() {
      alert('Form submit event hit!');
    }
  </script>
</head>

<body onload="document.myForm.submit()">
  <form name="login" id="login" action="login.php" method="POST" onsubmit="foobar();">
    <input type="hidden" name="username" .../>
    <input type="hidden" name="password" .../>
    <input type="submit" name="submit" value="submit" />
  </form>
</body>

When i execute this, I see that form gets submitted successfully that I see the output after successful login. But, I don't see the submit event's handler Java script getting called or hit. I'm sure I'm missing something. Any help is appreciated.

edited Dec 03 '19 at 18:04

Quentin

914,110
126
1,211
1,335

asked Dec 03 '19 at 17:39

smaven

I start with x.html that redirects to login.php/login form. But when login form "Login" button is clicked, which is 'submit' type I cannot call the handler function, even if I specify via onsubmit='' option of form. – smaven Dec 03 '19 at 17:40
Add `event` argument for `onsubmit="foobar(e);"` and `function foobar(e) {...}`. Then use it in your function. – Serhii Zharkov Dec 03 '19 at 17:43
thanks. But didn't help. – smaven Dec 03 '19 at 17:53
https://jsfiddle.net/dthsLey7/11/ – Zoran777 Jul 27 '22 at 09:38

Form on submit event not getting triggered

0 Answers0