jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s

Posted on by

For whatever reason, you can’t associate your labels with your form controls implicitly by wrapping both the label text and the control in a <label> element:

<label>
  Email address: <input type="email" name="email" value="" placeholder="you@example.com"/>
</label>

You’ve had to explicitly state the form control you want the label to be associated with:

<label for="email">Email address:</label>
<input id="email" type="email" name="email" value="" placeholder="you@example.com"/>

…but your framework has other ideas, it decides to commandeer your precious “id” attribute and change it from a simple and beautiful “email” into a junky “dnn_ctr1163_RegistrationForm_email”. *cough* DotNetNuke *cough*, but also *cough* Wicket *cough* and probably a whole load of others.

The problem is now that your label is no longer associated with your form control, and there isn’t a simple fix, like, for example, change the for attribute to read “dnn_ctr1163_RegistrationForm_email”, because the numbers in the id change each time you refresh the page. The ID is dynamic, and you are receiving accessibility black stars.

So, luckily I noticed that often the id will change, but the framework will leave your originally intended id somewhere in there. I’ve written a jQuery plugin to look at label for attributes and try to find the form control you intended to associate it with before your server side framework so rudely changed it.

How to use

  1. Download the plugin and add it to your page
  2. Select the labels you want to re-associate and call the function eg. $(‘label’).fuzzyFor();

TODO

The plugin finds matches by looking for input, select and textarea elements in the document and checking to see if the for attribute in your label element appears in the id attribute of the form control. At the moment if more than one match is found, it just uses the first (which is probably good enough for most). However, it should probably do something a bit more clever and use the form control that is closest to the label (I’m reasoning that you normally put your label’s close to your controls).

8,312 thoughts on “jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s”

  2. horse race betting odds calculator​

    Here is my webpage :: greyhound racing results
    uk​ (Kay)

  3. how many native united statesn casinos are there, free electronic roulette
    rivers casino (Blaine) no
    deposit united states and gambling issues in australia,
    or casino tax recovery united kingdom

  9. Generic Viagra for sale Viagra Tablet price Buy generic 100mg Viagra online

  13. international online pharmacy CivicMeds best india pharmacy

  19. reputable indian online pharmacy CivicMeds family pharmacy

  24. pharmacy online track order: CivicMeds – good pill pharmacy

  27. pharmacy website india canadian pharmacy 1 internet online drugstore cost less pharmacy

  28. Dragon Money Официальный сайт Мы используем самые передовые технологии шифрования данных чтобы гарантировать полную защиту вашей личной информации и финансовых транзакций от любых внешних угроз.

  32. Dragon Money Зеркало Мы настоятельно рекомендуем сохранить ссылку на проверенное зеркало в закладках вашего браузера чтобы иметь возможность мгновенно вернуться к предпочитаемой игре в любой момент.

  33. Драгон Мани Вход Наш сайт адаптирован для всех типов устройств будь то персональный компьютер планшет или смартфон позволяя вам наслаждаться игрой в любое время и в любом месте.

  35. Сайт https://nashkvartal.kiev.ua/ присвячений місту Київ: тут зібрані новини події та поради для жителів. Будьте в курсі всього важливого що відбувається у столиці.

  36. Драгон Мани Официальный сайт Здесь каждый найдет что-то по душе будь то новичок или опытный игрок. Основной упор на официальном сайте Dragon Money сделан на безопасность и честность игрового процесса.

  37. eva casino зеркало
    Играть в Eva Casino онлайн — Стань легендой Евы сегодня! Завершая наш обзор, стоит подчеркнуть: ева казино онлайн казино — это выбор людей, которые ценят свое время и драйв. Здесь есть всё: от надежности официальный сайт ева казино до доступности через ева казино актуальное зеркало. Если вы еще не пробовали играть в ева казино онлайн, то сейчас — самое подходящее время. Сайт ева казино ждет новых чемпионов, готовых покорять вершины гемблинга. Eva casino онлайн казино — это гарантия качества в 2026 году. Независимо от того, используете ли вы ева казино зеркало сайта или зашли через основной домен, вас ждет безупречный сервис. Проходите регистрация в eva casino, пополняйте ева казино на деньги и забирайте свои выигрыши. Твой путь к успеху начинается на официальный сайт eva casino! Твой план победы: 1. Найди вход через зеркало ева казино на сегодня. 2. Пройди ева казино регистрация за 1 минуту. 3. Активируй бонусы в eva casino онлайн казино. 4. Начинай играть в eva casino онлайн и побеждай! Встретимся на сайт eva casino — удача на стороне тех, кто выбирает ева казино онлайн казино!

  38. Generic Cialis price: Tadalafil Tablet – VeritasCare

  39. Скальный лист Профильные трубы с их квадратным или прямоугольным сечением обеспечивают исключительную жесткость и используются в несущих конструкциях и металлокаркасах. Горячекатаные бесшовные трубы изготовленные из цельной заготовки демонстрируют превосходную устойчивость к высоким давлениям и температурам что делает их идеальными для нефтегазовой отрасли и энергетики

  42. Dragon Money Зеркало Ваши шансы на крупный выигрыш остаются прежними ведь зеркало – это точная копия основного сайта. Найти актуальное Dragon Money Зеркало всегда можно на нашем официальном Telegram-канале или через поисковые системы используя соответствующие запросы.

  43. eva casino
    Ева Казино на деньги — Почему это выгодно в 2026 году? Многие выбирают играть в ева казино онлайн, но настоящий азарт начинается только тогда, когда вы переходите в ева казино на деньги. Это режим для тех, кто готов сорвать крупный куш и воспользоваться всеми привилегиями нашего клуба. На сайт ева казино представлены автоматы с отдачей до 98%, что делает eva casino на деньги одним из самых прибыных направлений в рунете. Каждая ставка на сайт ева казино приближает вас к накопительному джекпоту. Выбирая ева казино онлайн казино, вы получаете доступ к быстрым выплатам на любые реквизиты. Если вы зашли через ева казино рабочее зеркало, все финансовые инструменты будут работать в полном объеме. Eva casino на деньги — это прозрачные правила, отсутствие скрытых комиссий и честный расчет каждой победы. Заходите на официальный сайт ева казино, чтобы лично убедиться в качестве нашего сервиса. Что дает игра на деньги: * Реальный куш: Огромные множители в ева казино онлайн казино. * VIP-статус: Рост по уровням для тех, кто играет в ева казино на деньги. * Турниры: Участие в гонках на официальный сайт eva casino. * Кэшбэк: Возврат средств на сайт ева казино каждую неделю. Используйте ева казино зеркало, проходите eva casino регистрация и ловите удачу в eva casino на деньги!

  46. феникс казино вход
    Fenix casino регистрация и вход доступны через зеркало сайта, если основной ресурс не открывается. Феникс казино зеркало обеспечивает полный доступ к функциям платформы без ограничений

  48. canadian pharmacy king reviews: global pharmacy canada – pharmacy today

  50. Драгон Мани Официальный сайт Наша профессиональная служба поддержки всегда готова прийти к вам на помощь оперативно ответив на любые ваши вопросы и решив возникающие проблемы.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>