onClick JavaScript function inside HTML-form

Question

I cant't get a simple button to work when it is inside a html form, while it works normally when not inside a html form.

This code doesn't work:

<head>
    <script langauge="JavaScript">
    function reset(){
        alert('test')
    }
    </script>
</head>

<body>
<form name="nyform">
    <input type="button" value="Reset" onClick="reset()">
</form>
</body>

While this one does:

<head>
    <script langauge="JavaScript">
    function reset(){
        alert('test')
    }
    </script>
</head>

<body>
    <input type="button" value="Reset" onClick="reset()">
</body>

What is the reason for this, and how can I correct it?

Thanks

Maybe change your function's name.. I am thinking that reset may be a reserved word. — carny666
– carny666, Commented Nov 12, 2012 at 16:17
He is right, reset() is a JavaScript-function which clears/empties form fields. The second sample just works because no form-tag is wrapped. — Marco Francke
– Marco Francke, Commented Nov 12, 2012 at 16:22

Patrickdev · Accepted Answer · 2012-11-12 16:18:12Z

5

This happens because the function reset() has a different meaning inside a form, and your custom function doesn't override it. I changed the function name to reset2 and it all worked as expected.

answered Nov 12, 2012 at 16:18

Patrickdev

2,3911 gold badge21 silver badges29 bronze badges

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

1 Comment

user1626227 Over a year ago

Thanks a lot! It works now, I will give you credit when the time limit has passed :)

Collectives™ on Stack Overflow

onClick JavaScript function inside HTML-form

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related