Question

我在向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>

和jsfiddle：example

有什么想法吗？

UPDATE： appKeyInfo的着色失败，着色appkey有效。当我删除颜色：红色并键入font-weight：bold时，文本在出错时为粗体。当我删除appKeyInfo的颜色定义时，文本可能会出现错误的红色，奇怪的是，但我需要appKeyInfo的字体颜色

Answer 1

span#appKeyInfo的声明优先，因为它是你造型的id。尝试使用color:red !important强制覆盖

修改

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

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

Answer 2

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

  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;
    }
  }

使用jQuery使用css着色文本

2 个答案: