Реализация ненавязчивого 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

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