Mootools：以下の条件が満たされた場合にCSSクラスを変更する方法

Question

テキストエリアに焦点が合わず、10文字以上の文字が含まれている場合、ラベルクラスを "labelDeactivated"に変更します。それはどうしたらいいのですか？ソリューションのカップルが、:-(運をしようと試み ところで条件は、それがバックラベルに向ける必要があります満たしていない場合

<p class="label">Your review</p> 
<textarea id="review" name="review"></textarea> 

Answer 1

：http://jsfiddle.net/kkgp2/

var headline = $$('.headline'); 
var headlineLabel = $$('.headlineLabel'); 
var headlineNote = $$('.headlineNote'); 

// Change label // 
headline.addEvent('blur', function(){ 
    headlineNote.fade('hide'); 
    if (this.value.length>10) { 
     headlineLabel.addClass('labelDone'); 
    } 
    else{ 
     headlineLabel.removeClass('labelDone'); 
    }; 
}); 

Answer 2

http://www.jsfiddle.net/7SmwU/

document.id("review").addEvents({ 
    keyup: function() { 
     if (this.get("value").trim().length >= 10) 
      this.getPrevious().addClass("labelDeactivated"); 
     else 
      this.getPrevious().removeClass("labelDeactivated"); 
    } 
}); 

ところで、<label for='review'>your review</label>を使用する - 。。優れたセマンティックマークアップをそして、アクセシビリティこの解決策になってしまった