Javascript 使用jQuery使用css为文本着色

我在向span元素添加一个类并对其着色以执行简单的验证时遇到了一个小问题

这是我的js：

     function validateKey(){
        var length = $('#appkey').val().length; 
        if(length != 8){
            $('#appkey').addClass('error');
            $('#appKeyInfo').addClass('error');
            return false;
        }else{
            $('#appkey').removeClass('error');
            $('#appKeyInfo').removeClass('error');
            return true;
        }
      }

和html：

<label>KEY</label></br>
<input type="text" id="appkey" value=""/></br>
<span id="appKeyInfo">Dein App-Key aus 8 Ziffern</span>  

键



Dein应用程序密钥aus 8 Ziffern

和JSFIDLE：

有什么想法吗

---

更新：appKeyInfo着色失败，appkey着色正常。当我删除color:red并键入font-weight:bold时，文本错误时为粗体。当我删除appKeyInfo的颜色定义时，文本可能会因错误而被涂成红色，这很奇怪，但我需要appKeyInfo的字体颜色

由于您正在设置样式，所以appKeyInfo的声明优先。 尝试使用

颜色：红色！重要信息

强制超控

编辑

请注意，您可以在jQuery中使用多个选择器。像这样：

$('#appkey', '#appKeyInfo').removeClass('error');

---

您的比较运算符错误，请使用小于运算符：

  function validateKey(){
    var length = $('#appkey').val().length;    
    if(length < 8){
        $('#appkey').addClass('error');
        $('#appKeyInfo').addClass('error');
        return false;
    }else{
        $('#appkey').removeClass('error');
        $('#appKeyInfo').removeClass('error');
        return true;
    }
  }

函数validateKey（）{
var length=$（'#appkey'）.val（）.length；
如果（长度<8）{
$（'#appkey'）.addClass（'error'）；
$（'appKeyInfo'）.addClass（'error'）；
返回false；
}否则{
$（'#appkey'）.removeClass（'error'）；
$（'appKeyInfo'）.removeClass（'error'）；
返回true；
}
}

在FX中对我有效-问题到底是什么？你的CSS类是用于什么的。错误只针对#appKey，或者可能只针对输入框？我更新了我的答案，#appKeyInfo保持灰色，奇怪的东西safari中的框变为粉红色。到底是什么问题？至少你已经排除了这不是jQuery错误，所以你应该更新这个问题：）尝试添加span#appKeyInfo.error使其显式，看看是否有效，然后反向工作。很抱歉，我正好需要8个字符。这个问题是关于颜色的！