javascript - HTML 表单中的 onClick JavaScript 函数

标签 javascript html forms function

当一个简单的按钮位于 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() 在表单中具有不同的含义,并且您的自定义函数不会覆盖它。我将函数名称更改为 reset2,一切都按预期工作。

关于javascript - HTML 表单中的 onClick JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13347257/

相关文章:

javascript - Django 将 Python 对象从 View 传递到模板中的 Javascript 脚本

javascript - 为什么我在 IE8 中收到 "object expected"错误?

html - 在 Angular 项目中格式化 HTML。强制 vscode 中的 wrapAttributes 仅适用于 Angular 组件标签

javascript - 在线表单更新谷歌表格后如何发送电子邮件?

javascript - 我的 Protractor 脚本错误 - 需要对象

php - 随机版本号与图像强制缓存

php - 上传和调整图像大小时PNG黑色背景

html - 可以使 html 输入类型数字仅显示 5 的倍数的数字

javascript - 为什么我无法获取此文本输入字段的值?

html - 表单输入和按钮没有完全对齐