Question

我正在学习javascript而且我正在使用bootstrap所以我真的不必担心css。我有一个表单组，我想添加类作为用户输入的东西。这是我的代码：

<div class="form-group" id="loginForm">
    <label for="inputLogin" class="pull-left">Login</label>
    <input type="text" class="form-control" id="inputLogin" placeholder="Enter login" onkeypress="changeToGreenBorder('loginForm','inputLogin')">
</div>

并且它正在调用这些函数：

function changeToGreenBorder(string,string2){
        var tag = getElement(string);
        var tag2 = getElement(string2);
        if (tag2.innerHTML.length > 6) {
            tag.setAttribute('class','form-group has-success');
        } else if({
            tag.setAttribute('class','form-group has-error');
        }
    }

function getElement(string){
        var doc = document;
        return doc.getElementById(string);
    }

它正在使用错误类，但是当它有超过6个字母时，它不会切换到成功类。我该如何解决这个问题？

Answer 1

你的(和Else If没有条件，所以我认为你不需要Else If 当你真正想要的是innerHTML元素length时，你也试图获得value的长度;

Working JSFiddle

用onkeypress改变课程

1 个答案: