Javascript Jquery在键入时更改输入类

正如标题所示，我使用bootstrap4构建了一个表单。验证是通过AJAX调用在PHP文件中进行的。除了一个细节，一切都很好。一旦用户开始在输入字段中键入内容，我需要将输入类从“无效”更改为“有效”。如何使用Jquery实现这一点？

$（document）.on（'keyup'，'#myInput'，function（））{
   $(document).on('keyup', '#myInput', function(){
       $myInput = $('#myInput'); //Object DOM Jquery, $.

       $myInput.removeClass('invalid');

       if($myInput.val().length == 0){
          $myInput.removeClass('valid'); 

          if(!$myInput.hasClass('invalid')){
             $myInput.addClass('invalid');
             console.log('invalid!');
          }
       }else{
          $myInput.removeClass('invalid'); 

          if(!$myInput.hasClass('valid')){
              $myInput.addClass('valid');
              console.log('this valid!');     
          } 
       }         
   })


 <style>
 .invalid
   {
     border:1px solid red;
   }
 .valid
   {
     border:1px solid green;
   }
 </style>     

$myInput=$（'#myInput'）；//对象DOM Jquery，$。
$myInput.removeClass（'invalid'）；
如果（$myInput.val（）.length==0）{
$myInput.removeClass（'valid'）；
if（！$myInput.hasClass（'invalid'））{
$myInput.addClass（'invalid'）；
console.log（'invalid！'）；
}
}否则{
$myInput.removeClass（'invalid'）；
if（！$myInput.hasClass（'valid'））{
$myInput.addClass（'valid'）；
log（'this valid！'）；
} 
}         
})
无效的
{
边框：1px纯红；
}
.有效
{
边框：1px纯绿色；
}

使用“document”，因为它可以在任何时候使用。

$（document）{
$myInput=$（'#myInput'）；//对象DOM Jquery，$。
$myInput.removeClass（'invalid'）；
如果（$myInput.val（）.length==0）{
$myInput.removeClass（'valid'）；
if（！$myInput.hasClass（'invalid'））{
$myInput.addClass（'invalid'）；
console.log（'invalid！'）；
}
}否则{
$myInput.removeClass（'invalid'）；
if（！$myInput.hasClass（'valid'））{
$myInput.addClass（'valid'）；
log（'this valid！'）；
} 
}         
})
无效的
{
边框：1px纯红；
}
.有效
{
边框：1px纯绿色；
}

---

使用“document”，因为它可以在任何时候使用

在jquery中使用addandremove类来更改输入的class属性

$（“#检查”）。按键（功能（e）{
$（此）.removeClass（'无效'）
$（this.addClass（'valid'））
})

。无效
{
边框：1px纯红；
}
.有效
{
边框：1px纯绿色；
}

---

在jquery中使用添加和删除类来更改输入的类属性

$（“#检查”）。按键（功能（e）{
$（此）.removeClass（'无效'）
$（this.addClass（'valid'））
})

。无效
{
边框：1px纯红；
}
.有效
{
边框：1px纯绿色；
}

也许这会有用。。。释放键盘键时会发生Used keyup事件。这可能有用。。。释放键盘键时会发生Used keyup事件。请尝试发布一个正在工作的snipet以更好地理解。很棒的答案保持向上。此答案将给出误报。。为确保按下的键不是enter或escape，您必须检查输入字段的长度是否大于0。请尝试发布一个正在工作的snipet，以便于更好地理解。好的答案保持向上。此答案将给出误报。。为确保按下的键不是enter或escape，您必须检查输入字段的长度是否大于0。谢谢，这正是我要找的谢谢，这正是我要找的