如何使用javascript中的多个类从输入中删除特定类？

我想检查

输入

中是否有任何字符，然后我应该向它添加一个

活动

类，当它为空时，我应该删除

活动

类。只有当

输入

只有

活动

类时，它才起作用。您能否帮助我改进代码，使其能够仅删除

活动的

类，即使它有更多

<div class="input-group">
    <input type="text" id="lastname" onblur="checkInput(this)" />
    <label for="lastname" class="required">Lastname</label>
</div>

<div class="input-group">
    <input type="text" id="invalid" class="invalid" onblur="checkInput(this)" />
    <label for="invalid">Firstname</label>
</div>

<script>
    var checkInput = function(input) {
        if (input.value.length > 0) {
            input.className = 'active';
        } else {
            input.className = '';
        }
    };
</script>

姓氏
名字
var checkInput=函数（输入）{
如果（input.value.length>0）{
input.className='active'；
}否则{
input.className=''；
}
};

使用

onChange

事件处理程序而不是

onblur

检查 使用

---

input.classList.add（…）

和

input.classList.remove（…）

是更好的选择您是否阅读了问题？更新的代码和答案现在请检查

input.classList.add('active')
input.classList.remove('active')