jQueryを使用したCSSによるテキストの色付け

Question

スパン要素にクラスを追加して単純な検証を実行するために色付けするのに少し問題があります。ここで

は私の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：太字ではなく、代わりにテキストが太字でエラーが発生します。 appKeyInfoの色定義を削除すると、エラー、奇妙なことに赤色に着色されますが、appKeyInfoのフォント色が必要です

Answer 1

スタイリングしているIDはspan#appKeyInfoの宣言が優先されます。 オーバーライドに

編集

だけのノートを強制的にcolor:red !importantを使用してみてください、あなたはあなたのjQueryで複数のセレクタを使用することができます。このように：

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

Answer 2

あなたの比較演算子が間違っている、オペレータ未満を使用：FXでの私のために

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