Why my Javascript Events doesn't work?

Question

Hello guys i'm wondering , i was write a good code JS and wondering how or why doesn't work. I will give you all code here:

<script type="text/javascript">
      function submit() {
         alert('Process have done!');
      }
      function reset() {
         alert('Reset Done!');
      }
</script>
<form action="JSEvents.html" method="POST" onsubmit="submit()" onreset="reset()">
      <input type="text" ><br />
      <input type="submit" value="Done" > -
      <input type="reset" value="Reset" >
</form>

Could be anything. But keep in mind that you need to put your script at the bottom of the page just before the closing body tag and not before your HTMLand well in the document ready function. — Franco
– Franco, Commented Dec 26, 2015 at 21:38
Of course not. You are using a function which will not be called, because the form action has the execution precedence over the javascript. Have a look here: jsfiddle.net/obuybm1h — Franco
– Franco, Commented Dec 26, 2015 at 21:44

cantelope · Accepted Answer · 2015-12-26 21:40:54Z

3

You need to rename your functions. The names "reset" and "submit" are reserved. Try this:

<script type="text/javascript">
      function submitFunc() {
         alert('Process have done!');
      }
      function resetFunc() {
         alert('Reset Done!');
      }
</script>
<form action="JSEvents.html" method="POST" onsubmit="submitFunc()" onreset="resetFunc()">
      <input type="text" ><br />
      <input type="submit" value="Done" > -
      <input type="reset" value="Reset" >
</form>

answered Dec 26, 2015 at 21:40

cantelope

1,1657 silver badges9 bronze badges

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

Comments

siddhantsomani · Accepted Answer · 2015-12-26 21:44:53Z

0

The functions submit() and reset() are inbuilt functions. When you call these from your form events you are actually calling the inbuilt ones rather than the ones you defined. The code works but your alerts are not shown. Hence, you need to rename them.

answered Dec 26, 2015 at 21:44

siddhantsomani

1,43414 silver badges13 bronze badges

Collectives™ on Stack Overflow

Why my Javascript Events doesn't work?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related