如何在onFocus上更改所有表单元素的样式

时间:2013-08-17 23:58:02

标签: javascript

我成功完成了我的表单的验证功能,当它捕获错误时我希望在您点击其中任何表单元素时删除所有表单元素上的红色边框。我知道如何用onFocus调用函数,但问题是我不知道如何定位元素而不是元素的值。这是我遇到错误的函数:

   function clearFormErrors(x) {
        var element = document.forms[x].elements;
        for(i = 0; i = element.length; i++) {
            element[i].style.borderColor = "#000";
        }
    }

如何定位输入字段而不是内部值以将边框更改为黑色?

1 个答案:

答案 0 :(得分:1)

如上所述,你的循环应该是<。

但是如果你只想定位“输入”,你还应该检查nodeName。

   function clearFormErrors(x) {
        var element = document.forms[x].elements;
        for(i = 0; i < element.length; i++) {
            if (element[i].nodeName.toLowerCase() == "input") {
                element[i].style.borderColor = "#000";
            }
        }
    }
相关问题