HTML 表单中的 onClick JavaScript 函数答案

【问题标题】：onClick JavaScript function inside HTML-formHTML 表单中的 onClick JavaScript 函数
【发布时间】：2012-11-01 02:03:39
【问题描述】：

当它在 html 表单中时，我无法获得一个简单的按钮来工作，而当它不在 html 表单中时它可以正常工作。

此代码不起作用：

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

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

虽然这个是：

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

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

这是什么原因，我该如何纠正？

谢谢

【问题讨论】：

也许改变你的函数的名字..我认为reset可能是一个保留字。
他是对的，reset() 是一个清除/清空表单字段的 JavaScript 函数。第二个示例可以正常工作，因为没有包装表单标签。

标签： javascript html forms function

【解决方案1】：

发生这种情况是因为函数reset() 在表单中具有不同的含义，并且您的自定义函数不会覆盖它。我将函数名称更改为reset2，一切正常。

【讨论】：

非常感谢！它现在可以工作了，当时间限制过去时，我会给你信用:)