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

Question

我想检查input中是否有任何字符，然后向其中添加一个active类，当它为空时，我应该删除active类。仅当input仅具有active类时，它才有效。您能否帮助我改进代码，以便即使有更多类，也只能删除active类？

<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>

Answer 1

使用[ { "count": 12, "Dish": { "id": 2, "name": "Дессерт 4" } }, { "count": 2, "Dish": { "id": 1, "name": "Дессерт 4" } }, { "count": 3, "Dish": { "id": 2, "name": "Дессерт 4" } }, { "count": 10, "Dish": { "id": 1, "name": "Дессерт 4" } } ]事件处理程序代替onChange 检查link 使用

onblur