Javascript 如何使用jQuery向错误消息添加颜色

在jQuery中的验证逻辑中，我有：

if (strippedPN.length !== 10) {
    $('#phoneNumber').after('<span color="red" id="errPhoneNumber">Phone number has to be 10 digits long.  </span>');
    proceed = false;
}

给它一种风格

<style>
#errPhoneNumber {color:red; }
</style>

#errPhoneNumber{color:red；}

然后应用它

if (strippedPN.length !== 10) {
$('#phoneNumber').after('<span id="errPhoneNumber">Phone number has to be 10 digits long.      </span>');
proceed = false;
}

if（strippedPN.length！==10）{
$（“#phoneNumber”）。之后（'电话号码必须是10位数字长'）；
继续=错误；
}

或者，如果您想应用于多个跨度/错误消息，一般来说…一个类更好

<style>
 .error {color:red;}
</style>

    if (strippedPN.length !== 10) {
$('#phoneNumber').after('<span class="error" id="errPhoneNumber">Phone number has to be 10 digits long.      </span>');
proceed = false;
}

.错误{颜色：红色；}
如果（条带长度！==10）{
$（“#phoneNumber”）。之后（'电话号码必须是10位数字长'）；
继续=错误；
}

您指的是以下两种情况之一：

不推荐使用的字体标记

color

是不推荐使用的

标记的属性（=不要使用它）

废话。。。

类属性

废话。。。

给它一个类并设置该类的样式。

color=“red”

不是tag@3dgoo，哪个属性是有效的，那么？您的答案如下…@Amarundo-以下是span标记的有效属性列表：。我尝试创建一个类，

。错误消息

，这样我就不必为每个错误消息执行此操作，但是，将类分配给span，但它不起作用。您是按照上面的方式执行的吗？？您在前面提到使用addClass和css（）……这显然不起作用，因为您选择的是#phoneNumber，而不是#ErrPhoneNumber。您也做对了。我将该类应用于错误的元素。谢谢

<style>
 .error {color:red;}
</style>

    if (strippedPN.length !== 10) {
$('#phoneNumber').after('<span class="error" id="errPhoneNumber">Phone number has to be 10 digits long.      </span>');
proceed = false;
}

<font color="red">blah...</font>

<span class="red_text">blah...</span>
<!-- Of course you need to define styles for ".red_text" -->