Mootools: Как изменить класс css, если выполняются следующие условия:

Question

Я хочу изменить класс меток на «labelDeactivated», если текстовое поле не сфокусировано и содержит более 10 символов. Как это сделать? Судимое несколько решений, но не повезло :-( BTW, если условия не отвечают она должна вернуться к метке

<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> -.. Лучше семантическая разметка и доступность