Prototype JS, справка об изменении элемента формы формы

Question

Я не знакомый семье с прототипом, но мне было поручено внести некоторые изменения в подборщик цветов. Я сделал большинство изменений без лишних проблем.

Что мне нужно сделать, это слушать входные формы.

Может ли кто-нибудь посоветовать, как это делается?

Я нашел это, но я не понимаю, как это осуществить: http://api.prototypejs.org/dom/form/element/observer/

Это элемент я работал с в плагине.

Instance Один

// 
// picker sample text 
// 
this.textValue = document.createElement('input'); 
this.textValue.type = "text"; 
this.textValue.name = "textValue"; 
this.textValue.className = options.textValueClass; 
this.header.appendChild(this.textValue); 

Instance 2

setColor: function(color) { 
    this.textValue.setAttribute('value', color); 
    this.sample.style.backgroundColor = color; 
}, 

Я хочу Instance 3, чтобы быть что-то вроде этого.

if (this.textValue.<<changes>> && this.textValue.<<value.length>> == 7) { 
    // Check if valid hex 
    // Trigger Save 
} 

Не могли бы помочь заполнить << >>, пожалуйста.

Answer 1

см. http://www.prototypejs.org/api/event/observe.

this.observe('change', this.validateOnChange.bind(this)); 

validateOnChange: function(event) { 
    var value; 
    value = $(this.fieldid).getValue(); 
    if (value.length == 7) { 
     //Check if valid hex 
     // Trigger Save 
    } 
}