Javascript 在添加或删除任何字符之前，jquery.css（）方法不起作用

为了验证html表格单元格，我实现了一个sumbit阶段控制机制来检查必填字段是否已填充，值是否有效

这是我根据研究得出的第一个解决方案：

// validate table cells
$(document).ready(function() {
    var namePattern = /^[a-zA-Z\s,.'\-\\pL]{1,600}$/;
    var telPattern = /^([+]\d{1,2})(\d{10})$/;   

    $('#platform-edit').submit(function(event) {     
        var isErrorExist = false;
        var fields = $('.validateName');
        $.each(fields, function(i, field) {

            var value = $(field).val();            
            if (value == null || value == ""){
                $(field).css('border-color', 'red');
                isErrorExist = true;
            } else{
                $(field).css('border-color', '');
                if (!namePattern.test(value)) { // Pattern to check if value is valid
                    $(field).css('color', 'red');
                    isErrorExist = true;
                } else {
                    $(field).css('color', '');
                }
            }

        });

        fields = $('.validateTel');
        $.each(fields, function(i, field) {

            var value = $(field).val();

            if (value != "" && !telPattern.test(value)) { // Pattern to check if value is valid
                $(field).css('color', 'red');
                isErrorExist = true;
            } else {
                $(field).css('color', '');
            }

        });


        if(isErrorExist){
            event.preventDefault();
        }

    });

});

我想做的很简单。如果必填字段为空，请更改边框颜色；如果字段不为空，但输入的值对图案无效，请更改文本颜色。但是，这在.validateel字段上无法正常工作。在调试模式下，我可以看到$field.css'color'、'red'；线条起作用并向元素添加样式。但颜色不会改变，直到我添加或删除一个字符

我想知道这个问题背后的原因

---

非常感谢所有建议

这是B计划，不是真正的答案。我仍然在想我的第一个实现的解决方案

我刚换了衣服

$field.css'color'，'red'

到

---

CSS颜色属性决定文本的颜色。如果没有文本，则没有任何内容可更改其颜色。请使用问题的HTML创建一个。您可以使用编辑器工具栏中的图标使其可运行。在我更改文本颜色时，该值不是空的。如果我的帖子不清楚这个问题，我可以尝试添加一些视觉效果。

$(field).attr('style','color:red;');