2014-04-30 175 views
0

我有這樣的代碼:的Javascript jQuery的 - 更改標籤顏色

jQuery('#novaPasse').on('keyup',function(){ 
      var pass = $(this).val(); 

      if (IsEnoughLength(pass) && HasMixedCase(pass) && HasNumeral(pass)){ 
       $('#forcaPasse').text('Palavra-Passe Muito Forte!'); 
       $('#forcaPasse').prev('label').css('color','#8EFA00'); 
      }else if (IsEnoughLength(pass) && HasMixedCase(pass)){ 
       $('#forcaPasse').text('Palavra-Passe Forte!'); 
       $('#forcaPasse').prev('label').css('color','#7CDB00'); 
      }else if (IsEnoughLength(pass) && HasNumeral(pass)){ 
       $('#forcaPasse').text('Palavra-Passe Moderada!'); 
       $('#forcaPasse').prev('label').css('color','#FC9C35'); 
      }else{ 
       $('#forcaPasse').text('Palavra-Passe Fraca!'); 
       $('#forcaPasse').prev('label').css('color','#FF0000'); 
      } 
      }); 

的目標是與文本一起改變顏色。如果沒有顏色代碼,它會改變文本。但是我想要文本以不同的顏色顯示。文本出現但顏色不變。這是我的標籤

<label id="forcaPasse"></label> 

有誰知道如何更改標籤的字體顏色?

+2

你應該有什麼工作。你還可以發佈你的HTML,以便我們可以看到它的結構。 –

+2

你錯過了你的方塊周圍的'{}'。 if(){...} else if(){...} ...' – phylax

+0

你是對的。我將編輯。顏色不顯示仍然 – Lokuzt

回答

0

解決的辦法是:我刪除prev( '標籤')

jQuery('#novaPasse').on('keyup',function(){ 
      var pass = $(this).val(); 

      if (IsEnoughLength(pass) && HasMixedCase(pass) && HasNumeral(pass)){ 
       $('#forcaPasse').text('Palavra-Passe Muito Forte!'); 
       $('#forcaPasse').css('color','#8EFA00'); 
      }else if (IsEnoughLength(pass) && HasMixedCase(pass)){ 
       $('#forcaPasse').text('Palavra-Passe Forte!'); 
       $('#forcaPasse').css('color','#7CDB00'); 
      }else if (IsEnoughLength(pass) && HasNumeral(pass)){ 
       $('#forcaPasse').text('Palavra-Passe Moderada!'); 
       $('#forcaPasse').css('color','#FC9C35'); 
      }else{ 
       $('#forcaPasse').text('Palavra-Passe Fraca!'); 
       $('#forcaPasse').css('color','#FF0000'); 
      } 
      }); 

現在它工作正常!

+1

你在這裏改變了什麼。讓我們知道。 –

+1

他刪除了'.prev('label')' – phylax