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).

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

  1. Buy Cialis online MensRxGuide – Cialis 20mg price in USA

  4. Buy Tadalafil 20mg Buy Tadalafil 10mg Buy Cialis online

  5. https://evacasino-vhod.buzz/

    Если нужен eva casino вход через стабильное зеркало, этот вариант сейчас работает лучше остальных. Я проверил несколько ссылок и здесь все открылось без проблем. Пока использую регулярно

  6. cialis for sale MensRxGuide – п»їcialis generic

  8. ева казино

    Когда понадобилось лицензированные казино с нормальным доступом, заодно проверял разные зеркала Eva Casino. Этот вариант оказался полностью рабочим. Вход и бонусы открываются быстро. Пока лучший вариант из тех, что нашел

  9. Cialis without a doctor prescription buy cialis pill – Buy Tadalafil 10mg

  10. ева казино

    Искал казино бонусы 2026 и одновременно проверял рабочие зеркала Eva Casino. Этот сайт оказался полностью рабочим и без лагов. Даже login страница загрузилась сразу. Пока самый стабильный вариант из тех, что нашел

  11. ева казино вход

    Если нужен eva casino вход через стабильное зеркало, этот вариант сейчас работает лучше остальных. Я проверил несколько ссылок и здесь все открылось без проблем. Пока использую регулярно

  14. здесь

    Когда искал казино ру и параллельно проверял зеркала Eva Casino, этот вариант оказался самым стабильным. Нет бесконечных редиректов и странных ошибок. Вход работает быстро. Можно пользоваться

  15. Cialis 20mg price in USA Cialis 20mg price – Cialis without a doctor prescription

  17. онлайн казино

    Когда искал онлайн казино без блокировок, наткнулся на это зеркало Eva Casino. Решил протестировать и в итоге все открылось без проблем. Проверил вход, бонусы и регистрацию. Все функционирует нормально

  19. п»їcialis generic MensRxGuide – Tadalafil price

  20. 1С на мобильных ТСД: приемка инвентаризация отгрузка по штрихкоду. Ускорьте склад в 3 раза и уберите ошибки. Посмотреть сейчас Автоматизация стоматологии в 1С: карточки пациентов лечение импланты гарантийные талоны. Учет работы врачей и материалов. Открыть видео Управление столярной мастерской 1С: заказы на изделия отходы производства движение клея лака. Себестоимость и контроль времени изготовления. Перейти в каталог

  24. buy cialis pill MensRxGuide – Generic Tadalafil 20mg price

  26. Tadalafil price cheapest cialis – Tadalafil price

  27. Hello . I came across a 173 awesome platform that I think you should explore. This site is packed with a lot of useful information that you might find interesting. It has everything you could possibly need so be sure to give it a visit https://sildursshaders.com/how-should-a-beginner-bet/ Additionally dont overlook everyone which you constantly may inside the piece locate responses to address the the very complicated questions. Our team made an effort — lay out the complete content via the most very easy-to-grasp way.

  29. мебель из тика деревянная мебель из тика Покупка садовой мебели в магазине Joycom – это гарантия качества и стиля для вашего дома.

  31. мерседес не переключается коробка

  32. Generic Cialis price cialis for sale – Cialis 20mg price

  34. buy cialis pill Generic Tadalafil 20mg price – Buy Cialis online

  39. Cheap Cialis Cialis 20mg price – Buy Tadalafil 20mg

  42. Cialis without a doctor prescription MensRxGuide – Generic Tadalafil 20mg price

  44. Tadalafil Tablet Cialis over the counter – Buy Tadalafil 10mg

  45. рабочее зеркало ева казино

    Когда понадобилось eva casino вход без блокировок, этот telegram-канал оказался самым удобным вариантом. Не нужно тратить время на поиск актуального зеркала вручную. Все ссылки уже есть внутри канала. Работает стабильно

  46. bs2best at официальная ссылка на вход в 2026 году blsp at а так же b.blsp.at и a.blsp.at b.blsp at blsp ссылка

  47. eva casino

    Когда понадобилось eva casino официальный сайт, оказалось что проще искать его через telegram. Этот канал сейчас содержит актуальные рабочие ссылки. Проверил несколько разделов сайта — все загружается быстро

  50. eva casino telegram

    Искал eva casino после того как основной сайт перестал загружаться. Через telegram получилось быстрее всего найти актуальный доступ. Канал активный, ссылки обновляются, все работает нормально. Пока это лучший вариант из тех, что я тестировал

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>