输入Javascript更改类 - Bootstrap

时间:2013-12-23 14:31:24

标签: javascript twitter-bootstrap

我想在用户输入时更改表单的类。我正在使用twitter bootstrap,所以我想使用他们的验证风格。无法弄清楚为什么这不起作用:

    <!--html-->
    <script src="../js/customjs.js"></script>

    ...some code



<form id="formular">

<input type="text" class = "form-control" name = "Navn" placeholder = "Virksomhedsnavn*"  onChange="changeClass()"/> 

</form>

(my script)
 (function changeClass() {
         document.getElementById("formular").onchange = function()
            this.className += "has-success";
    }

1 个答案:

答案 0 :(得分:0)

ID的必须才是唯一的! document.getElementById只需要匹配1个元素,因此只返回最匹配的元素!此外,最好将JS保留在HTML之外,太多的内联处理程序非常难以维护:

document.getElementById("formular").onchange = function() {
    this.className += "has-success";
}