HTML 表单中的 onClick JavaScript 函数

Posted

技术标签:

【中文标题】HTML 表单中的 onClick JavaScript 函数【英文标题】:onClick JavaScript function inside HTML-form 【发布时间】: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 函数。第二个示例可以正常工作,因为没有包装表单标签。 【参考方案1】:

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

【讨论】:

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

以上是关于HTML 表单中的 onClick JavaScript 函数的主要内容,如果未能解决你的问题,请参考以下文章

onclick返回php文件后自动发送html表单

Onclick 验证表单,如果有效仅提交表单

用JS实现一个表单多个按钮的方法,两个onclick事件处理

如何在html标签“必需”和javascript“onClick”之间排序顺序

如何通过MySql查询结果中的循环输入表单(动态地)发布Ajax onClick

定义 onclick 何时触发