Javascript检查输入字段是否有值

我试图弄清楚Javascript如何检查输入字段是否有任何值，然后删除无效的类值

到目前为止，我有以下代码：

<form>
<label for="inputName">Username</label>
<input type="text" class="is-invalid" id="inputName">
</form>

<script>
        var checkInput = document.getElementById("inputName");
        if (checkInput.value) {
        element.classList.remove("is-invalid");
        }
</script>

如您所见，输入周围有一个红色边框类=无效。只要用户在inputfield中输入任何值，Javascript就会删除无效的类值

---

或者jQuery有更简单的选项吗？

您的代码中有一个错误。你用过

element.classList.remove("is-invalid");

这是错误的，你必须像这样使用它

checkInput.classList.remove("is-invalid");

您可以在javascript中这样使用

功能检查{ var checkInput=document.getElementByIdinputName； 如果选中input.value{ checkInput.classList.removeis-无效； }否则{ checkInput.classList.addis-invalid； } } 用户名

---

您需要向元素添加一个事件侦听器，以了解它何时更改

  var checkInput = document.getElementById("inputName");
    checkInput.addEventListener('keyup', (e)=>{
      if (e.target.value!==''){
        e.target.classList.remove("is-invalid");
    }
  })

---

checkInput.value！==使用js，$inputName.val！==使用jquery如果您的formName是say myForn，那么为什么不在提交字段中检查myForn.$invalid如果您想检查用户何时键入：HTML:script:function checke{e.target.value！==={…}这里的问题到底是什么？Javascript方法的工作原理不是很清楚，但是你知道如何在不点击输入的情况下更新类吗？keyup会很麻烦，但我还有一个问题。我有两个输入用户名和密码。如果我使用其中两个javascript代码，它的ads和删除对ids inputName和InputPasswords都无效。您可以在函数中传递此代码，并使用此代码访问该元素，只需在google中搜索此关键字以更好地理解。