您可以/这是向/添加偶数侦听器的正确方法吗?标签?

发布于 2024-12-18 14:17:11 字数 419 浏览 0 评论 0原文

我正在尝试创建一个函数来检查,每当我的页面上发生某些更改时,所有输入是否有效。我认为执行此操作的最佳方法不是将函数附加到每个输入,而是将其放在整个页面上(因此是 html/body 标记),但这似乎不起作用,因为什么也没有发生。我的代码如下所示:

<body onchange="removewarn()">
.
form elements
.
.
</body>

以及该函数

function removewarn(){

if(all input is valid)
{
document.getElementById('warning').style.visibility="hidden";
}
}

的要点是,如果所有元素未填写或无效,则删除页面上的警告。

I'm trying to make a function to check, anytime something is changed on my page, if all input is valid. I thought the best way to do this, rather than attach the function to every input would be to put it on the entire page (hence html/body tag,) but this didn't seem to work in that nothing happened. My code looks like:

<body onchange="removewarn()">
.
form elements
.
.
</body>

and the function

function removewarn(){

if(all input is valid)
{
document.getElementById('warning').style.visibility="hidden";
}
}

The point of which, is to remove a warning put on the page if all elements are not filled in or are not valid.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

落墨 2024-12-25 14:17:11

onchange 事件仅适用于表单元素,因此您必须将其添加到每个表单元素。然而!有一种比内联更简单、更简洁的方法来做到这一点:

for(i=0; i<document.FormName.elements.length; i++)//gets all the elements of your form.
{
    document.FormName.elements[i].onchange = removewarn();//adds the removewarn function to the onchange handler of this element.
}

The onchange event does only work with Form elements, so you will have to add it to every form element. However! there is a easier and cleaner way to do this than doing it inline:

for(i=0; i<document.FormName.elements.length; i++)//gets all the elements of your form.
{
    document.FormName.elements[i].onchange = removewarn();//adds the removewarn function to the onchange handler of this element.
}
嗫嚅 2024-12-25 14:17:11

onchange 事件仅受输入、选择和文本区域支持,这就是为什么如果您尝试将其绑定到 body 标记,您的函数将永远不会被调用。

您要么必须将其绑定到每个输入,要么使用类似jQuery 的委托方法之类的方法。

The onchange event is only supported by inputs, selects and textareas, wich is why your function will never be called if you try to bind it to the body tag.

You will either have to bind it on every input, or to use something like jQuery's delegate method.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文