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,360 thoughts on “jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s”

  11. Официальная ссылка маркетплейса Зелёный Мир 3mir pw

  17. Paw Trust Meds: pet drugs online – discount pet meds

  18. cheapest online pharmacy india: cheapest online pharmacy india – cheapest online pharmacy india

  19. Ева казино

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

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

  21. canadian pharmacy ratings: NorthAccess Rx – reliable canadian pharmacy

  22. Ева казино

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

  24. Ева казино

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

  25. Помогите разобраться — давно пробую разные площадки с игровыми автоматами. Наткнулся Monro — хочу понять стоит регистрироваться или нет. Играю уже несколько недель. Рега заняла минут пять ничего лишнего не просили. Документы пока не трогали думаю попросят при крупных выводах — это нормально. Бонус взял — 250 FS сразу после регистрации условия терпимые. Вейджер есть но не 50x как в некоторых местах — отыграть реально. Есть ещё кэшбэк 10 и еженедельные акции — для постоянных это приятно. Каталог реально большой — Pragmatic NetEnt Evolution всё на месте. Покрутил несколько слотов от Pragmatic Play — зашло нормально. Можно покрутить в демо перед тем как вносить деньги — хорошая практика. Вывел небольшую сумму — пришло примерно за день. Минималка на вывод 500 рублей — адекватно. Visa Mastercard СБП Sky Pay крипта — большинство методов закрыто. Зеркало только из официальных источников — поддержки или рассылки левые ссылки не брать. С телефона работает нормально — мобильная версия удобная. Рекомендую попробовать если ищете нормальное место без подстав. Есть у кого реальный опыт с этим сайтом?

  26. брендовая мужская одежда В наши дни приверженность к дорогостоящим маркам сохраняется среди тех кто ценит безупречное качество оригинальный дизайн и проработанные мелочи. Особым спросом пользуются комплекты позволяющие создать завершенный ансамбль: начиная с верхней одежды и обуви и заканчивая сумками очками и прочими дополнениями. Такой метод способствует отбору предметов которые выглядят современно и надолго сохраняют свою релевантность в гардеробе.

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

  29. Народ кто шарит — давно пробую разные площадки с игровыми автоматами. Друг скинул ссылку Селектор — интересные условия но хочу узнать реальные отзывы. Попробовал где-то месяц назад. Регу прошёл за пять минут особо ничего не спрашивали. Верификация сразу не нужна была начать играть можно без этого. При первом депозите от 3000 рублей дали бонус 5000 плюс фриспины. Условия бонуса читал внимательно отыгрыш вполне разумный. Акции периодически появляются не только для новичков. Выбор реально большой — Pragmatic NetEnt Evolution всё на месте. Dead or Alive нашел Gonzos Quest там тоже есть — классика. Демо-режим доступен без регистрации можно сначала потыкать. Вывел небольшую сумму — пришло примерно за день. Порог вывода небольшой пятьсот рублей — норм. Visa Mastercard СБП ЮMoney крипта — большинство методов закрыто. На случай блокировок зеркало сохраняет доступ к аккаунту и балансу. С телефона работает нормально — мобильная версия удобная. Для себя решил остаться — всё устраивает пока что. Кто-то ещё пробовал Selector Casino — поделитесь опытом?

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

  32. Кто шарит — помогите разобраться — давно ищу нормальный сайт для слотов и знакомый кинул ссылку на Casino Dragon Money — говорят система квестов интересная кто-то пробовал? Попробовал недавно — где-то месяц назад. Форма короткая: почта пароль подтверждение — и всё в кабинете. Верификация нужна перед выводом лучше сделать заранее чтобы не тормозить. Бездепозитный фрибет по промокоду SPRING2026 получил условия читал — терпимо. Совет: смотрите вклад игры в отыгрыш перед тем как брать бонус — сэкономит нервы. Каталог приличный и слоты и live-столы и быстрые форматы. Live-раздел с настоящими крупье есть — рулетка блэкджек баккара. VIP-программа есть — уровни растут от активности персональные офферы начинают приходить. Выводил на карту обработали за сутки всё пришло. Способов оплаты хватает: карты кошельки крипта. При блокировке основного адреса зеркало выручало — butovaya.ru проверял. Мобильная версия в браузере тоже ок приложение необязательно. Для себя выбрал претензий пока нет. Кто ещё тут играет в Dragon Money — как у вас?

  33. ель канадская коник В Санкт-Петербурге и Ленинградской области особенно востребованы комплексные решения для сада и участка когда можно в одном месте подобрать растения продумать посадки и организовать благоустройство территории. Такой подход помогает сэкономить время избежать ошибок при выборе и создать пространство которое будет выглядеть гармонично и оставаться удобным в уходе.

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

  36. Ева казино

    Когда основной сайт ева казино не работает, телеграм канал реально выручает. Там можно найти рабочее зеркало и зайти через него. Я так и сделал и смог нормально войти. С тех пор всегда проверяю телеграм в первую очередь

  37. CoreBlue Health: Viagra Tablet price – cheap viagra

  38. express scripts com pharmacies CivicMeds safe canadian pharmacy

  41. Ева казино

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

  49. best online pharmacy usa: CivicMeds – pharmacy coupons

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>