javascript - Jquery在键入时更改输入类
问题描述
正如标题所示,我使用 Bootstrap 4 构建了一个表单。验证是通过 AJAX 调用在 PHP 文件中进行的。除了一个细节,一切都很好。一旦用户开始在输入字段中输入内容,我需要将输入类从“无效”更改为“有效”。如何使用 Jquery 实现这一点?
解决方案
$(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>
使用“文档”,因为它随时都可以使用
推荐阅读
- python - 如何在 python 中安装 google.cloud.functions_v1?
- java - maven-jmod-plugin:3.0.0-alpha-1 给出错误创建失败。IllegalArgumentException
- java - Java:如何为项目编码以继承原材料的属性?
- ssl - 尽管服务器配置了 ssl-certificate,但在点击 tokbox api 时出现 Guzzle 异常
- javascript - 如何更改javascript对象的键名和值
- flutter - 像引导程序一样在 Flutter 中构建布局
- html - 如何偏移一些表格单元格
- docker - 无法从 kubernetes 中的公共 ip 访问服务
- java - 返回状态消息
- node.js - 如何更改我的字段以保存对象数组?