Javascript 如何将第1天的css类分配给每个非空输入字段

有人能告诉我如何为这个函数分配一个本地CSS定义吗？和
如何将css类分配给每个非空输入字段

我已经尝试了下面的代码

function day1(){
  $currentDayColor = 'blue';
     document.getElementById('dayone').value = Date();
     $('input:not(:disabled):not([readonly])').each(function() {
     if (($(this).val() == "") || ($(this).val) == " ") 
       {
           $(this).css('color', 'blue');

       }
     if (($(this).val() !== "") && ($(this).val) !== " ") {$(this).addClass('classPreviousValue2');}

});
    $('select:not(:disabled):not([readonly])').each(function() {
    if (($(this).val() == "") || ($(this).val) == " ") {$(this).css('color', 'blue');}
   if (($(this).val() !== "") && ($(this).val) !== " ") {$(this).addClass('classPreviousValue2');}
});
}

---

如何将CSS类分配给每个非空输入字段。

最简单的方法是为每个

输入添加
change
事件回调，并在回调中测试值，根据需要应用或删除类


//为所有输入设置更改事件处理程序
$（“input.styledByValue”）。在（“change”，function（）上{
$（this.val（）==“”？$（this.addClass（“hasNoValue”）：$（this.removeClass（“hasNoValue”）；
});
.hasNoValue{边框：2px纯红；}

字段：

字段：

字段：

字段：

字段：

字段：
请同时添加相关的HTML和CSS。另外，您是否需要一次完成此操作，或者在每个字段获取/丢失数据时会发生此操作？也可以执行
$（this）。toggleClass（'hasNoValue'，this.value==''）
如何在函数第1天中有本地CSS定义？@z727您不需要将CSS定义放在JavaScript中。您可以设置内联样式（不推荐），也可以在某个地方添加/删除样式表中定义的类。我希望当用户单击按钮并执行函数day1时，它应该将css类分配给每个非空输入字段。然后在保存时，从每个空输入字段中删除css类。@Z727你读过我的答案了吗？第二个示例演示了如何执行此操作。