Выполнять ненавязчивый Javascript с параметрами

Question

Какова ваша стратегия для передачи параметров ненавязчивому Javascript?

Скажем, мы три динамически генерируемые поля ввода, которые должны быть проверены для диапазонов:

<input id="smallValue" class="validatedRange" /> 
<input id="mediumValue" class="validatedRange" /> 
<input id="largeValue" class="validatedRange" /> 

В Javascript:

Ext.onReady(function() { 
    Ext.select("input.validatedRange").on("change", function() { 
    // How to get the min/max values to here? 
    }); 
}); 

Так или иначе,/максимальные значения мин должны быть включены в разметки. «Лучший» Я вижу в настоящее время является злоупотребление тег как так:

<input id="smallValue" class="validatedRange" min="0" max="10" /> 
<input id="mediumValue" class="validatedRange" min="100" max="1000" /> 
<input id="largeValue" class="validatedRange" min="1000" max="10000" /> 

Вы знаете лучший способ?

Answer 1

Для имеющих пользовательские HTML атрибуты, есть атрибуты данных с префиксом ...

<input id="foo" class="bar" data-min="100" data-max="1000"> 

Это новая функция HTML5: http://ejohn.org/blog/html-5-data-attributes/

Answer 2

Я никогда не соглашусь с недействительным HTML разметкой, Так я предлагаю это ..

не 100% уверен, что если он будет работать, но это должно быть в теории): смотрите в библиотеку проверки JQuery для ваших потребностей проверки (сохранить руки прокатки что-то!)
http://docs.jquery.com/Plugins/Validation/

это все делается декларативно и довольно аккуратный способ делать вещи

также можно оформить живой запрос, который вызывает связывание событий, когда все вставляются в DOM динамически
http://docs.jquery.com/Plugins/livequery

комбо этих двух должно работа. надеюсь, что помогает