Html 当文本区域/输入为空时，向其添加边框

我有引导模式，我想在notes为空时向textarea添加红色边框

模态：

div class=“modal fade”id=“modal\u reject”tabindex=“-1”role=“dialog”aria labelledby=“exampleModalCenterTitle”aria hidden=“true”>

添加注释*
您应该更改您的条件，请尝试以下操作：

if(!notes){//<==
      $('#NOTES_REJECT_SV').css('border-color', 'red'); 
      $('#modal_reject').modal('hide')

      return false;
      
    }

如果（！notes）{/您应该更改您的条件，请尝试以下操作：

if(!notes){//<==
      $('#NOTES_REJECT_SV').css('border-color', 'red'); 
      $('#modal_reject').modal('hide')

      return false;
      
    }

如果（！notes）{/您可以简单地使用
.css
应用边框
边框，如果notes为空，则使用1px纯红
，并在有值时删除
边框

我也简化了你的代码

运行下面的代码段以查看它是否正常工作


$（'modal#u reject'）。在（'click'，'submit'，函数（事件）{
event.preventDefault（）；
//获取目标输入
var notesInput=$（“#NOTES_REJECT_SV”）；
//校验值
if（notesInput.val（））{
//隐藏模态
$（'modal'u reject'）。modal（'hide'））
//删除边框
$（notesInput）.css（'border'，'1px solid#ced4da'）；//删除边框
}否则{
//应用边界
$（notesInput.css（'border'，'1px实心红色'）；//应用边框
}
})

开放模态
情态标题
&时代；
添加注释*
接近
保存更改
您可以简单地使用
.css
应用边框
边框，如果注释为空，则使用1px纯红
，并在有值时删除边框

我也简化了你的代码

运行下面的代码段以查看它是否正常工作


$（'modal#u reject'）。在（'click'，'submit'，函数（事件）{
event.preventDefault（）；
//获取目标输入
var notesInput=$（“#NOTES_REJECT_SV”）；
//校验值
if（notesInput.val（））{
//隐藏模态
$（'modal'u reject'）。modal（'hide'））
//删除边框
$（notesInput）.css（'border'，'1px solid#ced4da'）；//删除边框
}否则{
//应用边界
$（notesInput）.css（'border'，'1px实心红色'）；//应用边框
}
})

开放模态
情态标题
&时代；
添加注释*
接近
保存更改
或者您可以将事件绑定到“keyup”事件，然后它将检查输入或删除的每个字符


$（'modal#u reject'）。在（'click'，'submit'，函数（事件）{
event.preventDefault（）；
var notes=$（“#notes_REJECT_SV”）.val（）；
//警报（附注）；
console.log（'notes'，notes）
若有（附注）{
$（'NOTES_REJECT_SV'）.css（'border-color'，'red'）；//<不起作用
$（'modal'u reject'）。modal（'hide'））
}
返回false；
});
$（“#NOTES_REJECT_SV”）。在（“keyup”，function（）上{
if（$（this）.val（）.length==0）{
$（this）.addClass（“红色边框”）
}否则{
$（此）.removeClass（“红色边框”）
}
})
.redborder{
边框：2倍纯红；
}

添加注释*
拒绝
取消
或者您可以将事件绑定到“keyup”事件，然后它将检查输入或删除的每个字符


$（'modal#u reject'）。在（'click'，'submit'，函数（事件）{
event.preventDefault（）；
var notes=$（“#notes_REJECT_SV”）.val（）；
//警报（附注）；
console.log（'notes'，notes）
若有（附注）{
$（'NOTES_REJECT_SV'）.css（'border-color'，'red'）；//<不起作用
$（'modal'u reject'）。modal（'hide'））
}
返回false；
});
$（“#NOTES_REJECT_SV”）。在（“keyup”，function（）上{
if（$（this）.val（）.length==0）{
$（this）.addClass（“红色边框”）
}否则{
$（此）.removeClass（“红色边框”）
}
})
.redborder{
边框：2倍纯红；
}

添加注释*
拒绝
取消
您需要在提交时直接调用事件。我添加了这个东西，您可以检查它。
您需要在提交时直接调用事件。我添加了这个东西，您可以检查它。
尝试
.css（'border'，'1px solid red'）
？尝试
.css（'border'，'1px solid red'）
？
if(!notes){//<==
      $('#NOTES_REJECT_SV').css('border-color', 'red'); 
      $('#modal_reject').modal('hide')

      return false;
      
    }