CODEWITHSUNDEEP
javascripthtmlformsfunction
user1626227
user1626227

Reputation: 123

onClick JavaScript function inside HTML-form

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

Upvotes: 5

Views: 8486

Answers (1)

Patrickdev
Patrickdev

Reputation: 2381

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.

Upvotes: 5

Related Questions