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

  1. pokies online australia reviews, advanced roulette uk and top online pokies
    and casinos canadian league, or no deposit mobile casino australia

    Also visit my web blog … random gambling games [Merrill]

  4. в Костанае Водогазопроводные трубы АлматыИщете где купить водогазопроводные ВГП трубы по ГОСТ 3262-75. Отгрузка напрямую от производителя. Подходят для систем отопления водоснабжения и газопроводов. Предлагаем услуги резки и оперативную доставку на стройплощадку. Гарантируем выгодные цены при оптовых закупках и тендерах.Заказать электросварную трубу Восточно-Казахстанская областьВсегда в наличии электросварных труб: круглые квадратные и прямоугольные профили. Продаем трубы электросварные всех ходовых размеров. Отлично подходят для металлоконструкций заборов и трубопроводов. Высокое качество сварного шва и сертификаты соответствия. Доставка длинномерами на стройплощадки по всему Казахстану.Трубы стальные ППУ в АлматыЭлектросварные трубы в пенополиуретановой ППУ изоляции для прокладки теплотрасс. Снижение теплотерь до минимума надежная защита от внешней коррозии. В наличии трубы с ОДК системой оперативного дистанционного контроля. Долговечность и надежность вашей теплотрассы гарантированы. Выгодные условия для подрядчиков и монтажных организаций.Винтовые сваи в СемееНадежные стальные винтовые сваи для фундаментов любой сложности. Собственное производство соблюдение всех норм и ГОСТов. Быстрый монтаж без тяжелой техники отличное решение для сложных грунтов и перепадов высот. Доставка свай по всему Казахстану без задержек. Скидки при заказе больших партий.Трубы чугунные ЧК в Северо-Казахстанской областиСовременные и долговечные чугунные трубы SML безраструбные для систем канализации и водоотведения. Отличаются превосходной звукоизоляцией и стойкостью к агрессивным средам. В наличии полный комплект соединительных хомутов и фитингов. Организуем оперативную доставку в любую точку РК. Гарантируем качество и полное соответствие нормам.Труба профильная стальная в Акмолинской областиРеализуем профильные трубы квадратных и прямоугольных широкого сортамента. Широко применяется в строительстве машиностроении и производстве мебели. Предоставляем услуги точной резки газом и отрезным станком. Осуществляем доставку металлопроката на объекты по всей территории РК. Сотрудничаем с физическими и юридическими лицами.Горячекатаный прокат в ТуркестанеГорячекатаный листовой прокат из углеродистой и низколегированной стали марок ст3 09Г2С. Широкий выбор раскроев и толщин. Абсолютно незаменим в строительстве тяжелом машиностроении и для сварных конструкций. Осуществляем резку листа по заданным параметрам. У нас низкие оптовые цены и индивидуальный подход к каждому заказу.Оцинковка лист ТалдыкорганВысококачественный лист оцинкованный с максимальной степенью защиты от ржавчины и агрессивной среды. В наличии оцинковка любой толщины по ГОСТу. Служит отличной основой для кровли вентиляционных коробов профилей и ограждений. Возможна продольно-поперечная резка рулонов. При оптовых заказах предлагаем специальные сниженные цены.Купить профнастил в ТаразеКачественный профилированный лист для устройства долговечной кровли крепких заборов и облицовки фасадов. Доступен простой оцинкованный вариант и с цветным полимерным покрытием широкая палитра RAL. Быстро прокатаем нужный объем по вашим спецификациям. Быстрая и аккуратная доставка на объект в любой город РК. Строительным компаниям предоставляются выгодные партнерские условия и скидки.Металлическая арматура в ТуркестанеВысокопрочная строительная арматура для надежного армирования фундаментов и монолитных железобетонных конструкций. В постоянном наличии диаметры от 6 до 40 мм. Оказываем услуги точной резки и гибки арматуры. Гарантируем полное соответствие ГОСТ. Предлагаем индивидуальные спецусловия и скидки для застройщиков с доставкой по РК.Двутавр купить в ТемиртауНадежная балка двутавровая для монтажа несущих металлоконструкций мостов и тяжелых перекрытий. Благодаря своему профилю обеспечивает максимальную прочность на изгиб. В наличии все ходовые номера двутавра по ГОСТ. Работаем по всему Казахстану без сбоев в логистике. Предоставляем отличные скидки при заказе оптом.Швеллер металлический в УральскеГорячекатаный и гнутый П-образный швеллер для эффективного усиления конструкций и каркасного строительства. Всегда в наличии ходовые размеры от 5П/У до 40П/У. Отличается ровной геометрией производится из высокопрочной стали ст3 и 09Г2С. Оказываем услуги профессиональной резки в размер. Оптовым клиентам и строительным трестам предоставляются весомые скидки.Уголок неравнополочный в Западно-Казахстанской областиРавнополочный и неравнополочный стальной горячекатаный уголок. Широко применяется в промышленности и бытовых целях. Оказываем качественные услуги точной гибки резки в размер и горячего цинкования. Гарантируем лучшие цены на рынке и сертификаты качества на металл.Трос стальной в Области ЖетысуГрузовые и тяговые стальные канаты различной свивки и ГОСТов. Обеспечивают максимальную безопасность грузоподъемных операций. Изготавливаем стропы по индивидуальным заказам. В ассортименте только сертифицированная продукция прошедшая испытания.Купить проволоку Западно-Казахстанская областьВязальная отожженная проволока Вр-1 для армирования качественная пружинная и сварочная проволока. В наличии также нержавеющая оцинкованная и нихромовая проволока. Вся проволока соответствует стандартам ГОСТ. Приглашаем к сотрудничеству строительные и производственные компании.Сварная металлическая сетка АстанаСварная арматурная сетка в картах плетеная рабица и тканая сетка в рулонах. Доступны как оцинкованные варианты для защиты от ржавчины так и без покрытия черные. Часто применяется для быстрого возведения временных ограждений вольеров и заборов. Скидки за объем и регулярные поставки на объекты.Сэндвич-панели цена в КостанаеПроизводим сэндвич-панели с базальтовой минватой и пенополистиролом. Обеспечивают отличную тепло- и звукоизоляцию обладают высокой огнестойкостью. Предлагаем огромный выбор цветов полимерного покрытия по каталогу RAL. Осуществляем доставку спецтранспортом и профессиональный монтаж.Детали трубопроводов Область УлытауНадежные комплектующие для правильного монтажа промышленных трубопроводов. Доступны детали из стали 20 09Г2С а также нержавейки. Вся продукция сертифицирована имеет паспорта качества. Отгружаем со склада в день оплаты доставляем по всему Казахстану.Купить запорную арматуру АлматыПромышленная и бытовая запорная арматура высшего качества. Оказываем профессиональную помощь в подборе арматуры под параметры вашей рабочей среды. Сотрудничаем только с проверенными заводами гарантируем долговечность. Организуем оперативную доставку в любой регион страны.Радиаторы отопления Восточно-Казахстанская областьЭффективные алюминиевые биметаллические и стальные панельные радиаторы отопления. Отличаются высокой теплоотдачей и превосходной устойчивостью к гидроударам. Предоставляем официальную гарантию от производителя до 10 лет. Доставка заказов по всему Казахстану.Провод СИП купить АтырауРеализуем силовой кабель ВВГнг АВВГ гибкий КГ самонесущий провод СИП. Поставляем проверенные решения для внутренней прокладки и воздушных линий электропередач. Осуществляем отмотку кабеля любой длины со склада. Для электромонтажных организаций действуют отличные скидки.Цветной металлопрокат Алматинская областьПрокат из цветных металлов премиум-качества для различных нужд. Незаменимы в электротехнике приборостроении и декоративной отделке. Осуществляем розничную и оптовую продажу напрямую со склада. Быстрая и бережная доставка по всему Казахстану.Купить строительный крепеж РудныйОгромный выбор: анкерные болты высокопрочные болты гайки шайбы шпильки и такелаж. В наличии черные и оцинкованные изделия с надежной защитой от ржавчины. Продажа осуществляется фасовкой и на вес по оптовым ценам. Организуем доставку сборных грузов по всей территории РК.

  5. canadian pharmacy ltd: SteadyMeds – best canadian pharmacy online

  8. reputable overseas online pharmacies pharmacy website india online pharmacy

  10. Лист латунный ВГП трубы КарагандаПриобрести трубы ВГП по ГОСТ 3262-75. Быстрая отгрузка от завода-изготовителя. Применяются в ЖКХ строительстве и промышленном секторе. Предлагаем услуги резки и оперативную доставку на стройплощадку. Для оптовиков предусмотрены особые гибкие условия.Заказать электросварную трубу в АктауШирокий ассортимент электросварных труб: круглые квадратные и прямоугольные профили. Реализуем со склада трубы электросварные всех ходовых размеров. Применяются в строительстве и машиностроении. Надежность и прочность сварного шва наличие всех заводских сертификатов. Организуем логистику до вашего объекта в любой регион.Трубы стальные ППУ в КостанаеЭлектросварные трубы в пенополиуретановой ППУ изоляции для коммунальных сетей. Обеспечивают минимальные потери тепла устойчивость к влаге и коррозии. В наличии трубы с ОДК системой оперативного дистанционного контроля. Долговечность и надежность вашей теплотрассы гарантированы. Выгодные условия для подрядчиков и монтажных организаций.Монтаж винтовых свай в Карагандинской областиКачественные стальные винтовые сваи для фундаментов любой сложности. Собственное производство соблюдение всех норм и ГОСТов. Позволяют возвести фундамент за 1 день идеально подходят для пучинистых и обводненных грунтов. Доставка свай по всему Казахстану без задержек. Скидки при заказе больших партий.Безраструбные чугунные трубы Усть-КаменогорскСовременные и долговечные чугунные трубы SML безраструбные для систем канализации и водоотведения. Отличаются превосходной звукоизоляцией и стойкостью к агрессивным средам. Предлагаем также классические трубы чугунные ЧК со склада. Организуем оперативную доставку в любую точку РК. Гарантируем качество и полное соответствие нормам.Квадратная труба Область АбайРеализуем профильные трубы квадратных и прямоугольных широкого сортамента. Широко применяется в строительстве машиностроении и производстве мебели. Возможна резка в нужный вам размер прямо на складе. Работаем оптом и в розницу делаем отличные скидки за крупный объем. Сотрудничаем с физическими и юридическими лицами.Лист г/к цена Восточно-Казахстанская областьГорячекатаный листовой прокат из углеродистой и низколегированной стали марок ст3 09Г2С. Широкий выбор раскроев и толщин. Абсолютно незаменим в строительстве тяжелом машиностроении и для сварных конструкций. Предоставляем профессиональные услуги плазменной резки и рубки гильотиной по вашим чертежам. Оперативная доставка длинномерами по всем регионам Казахстана.Оцинкованная сталь в Жамбылской областиВысококачественный лист оцинкованный с максимальной степенью защиты от ржавчины и агрессивной среды. В наличии оцинковка любой толщины по ГОСТу. Широко применяется в фасадных работах и производстве воздуховодов. Гарантируем строгое соответствие стандартам ГОСТ и высокое качество цинкового покрытия. При оптовых заказах предлагаем специальные сниженные цены.Профлист цена в Мангистауской областиКачественный профилированный лист для устройства долговечной кровли крепких заборов и облицовки фасадов. В ассортименте стеновой кровельный и несущий профнастил. Быстро прокатаем нужный объем по вашим спецификациям. Быстрая и аккуратная доставка на объект в любой город РК. Строительным компаниям предоставляются выгодные партнерские условия и скидки.Арматура цена тонна КокшетауСтальная арматура А3 рифленая и А1 гладкая для надежного армирования фундаментов и монолитных железобетонных конструкций. В постоянном наличии диаметры от 6 до 40 мм. Удобная отгрузка по весу тонны или метражом в зависимости от ваших потребностей. Имеются сертификаты качества и паспорта на каждую партию металла. Предлагаем индивидуальные спецусловия и скидки для застройщиков с доставкой по РК.Балка двутавровая в Усть-КаменогорскеНадежная балка двутавровая для монтажа несущих металлоконструкций мостов и тяжелых перекрытий. Благодаря своему профилю обеспечивает максимальную прочность на изгиб. В наличии все ходовые номера двутавра по ГОСТ. Гарантируем оперативную доставку длинномерами прямо на ваш объект. Предоставляем отличные скидки при заказе оптом.Швеллер металлический в СемееГорячекатаный и гнутый П-образный швеллер для эффективного усиления конструкций и каркасного строительства. Всегда в наличии ходовые размеры от 5П/У до 40П/У. Постоянное наличие больших объемов металла на наших крытых складах. Оказываем услуги профессиональной резки в размер. Оптовым клиентам и строительным трестам предоставляются весомые скидки.Уголок металлический КокшетауРавнополочный и неравнополочный стальной горячекатаный уголок. Является базовым элементом в строительстве производстве мебели и сварных ферм. Осуществляем продажу металлопроката оптом и в розницу со складов. Гарантируем лучшие цены на рынке и сертификаты качества на металл.Канаты стальные в Алматинской областиОцинкованные тросы и канаты без покрытия высокого качества. Широко применяются в кранах лифтовых шахтах талях и мощных лебедках. Изготавливаем стропы по индивидуальным заказам. В ассортименте только сертифицированная продукция прошедшая испытания.Проволока сварочная в ШымкентеВязальная отожженная проволока Вр-1 для армирования качественная пружинная и сварочная проволока. В наличии также нержавеющая оцинкованная и нихромовая проволока. Вся проволока соответствует стандартам ГОСТ. Приглашаем к сотрудничеству строительные и производственные компании.Сетка кладочная цена Костанайская областьСварная арматурная сетка в картах плетеная рабица и тканая сетка в рулонах. Доступны как оцинкованные варианты для защиты от ржавчины так и без покрытия черные. Часто применяется для быстрого возведения временных ограждений вольеров и заборов. Скидки за объем и регулярные поставки на объекты.Купить сэндвич-панели в Области ЖетысуПроизводим сэндвич-панели с базальтовой минватой и пенополистиролом. Идеальны для быстрого возведения ангаров складов и цехов. Предлагаем огромный выбор цветов полимерного покрытия по каталогу RAL. Осуществляем доставку спецтранспортом и профессиональный монтаж.Фланцы и переходы в Северо-Казахстанской областиВ ассортименте стальные отводы переходы тройники эллиптические заглушки и фланцы. Доступны детали из стали 20 09Г2С а также нержавейки. Вся продукция сертифицирована имеет паспорта качества. Отгружаем со склада в день оплаты доставляем по всему Казахстану.Запорная арматура Северо-Казахстанская областьПредлагаем чугунные и стальные задвижки шаровые краны дисковые затворы и обратные клапаны. Оказываем профессиональную помощь в подборе арматуры под параметры вашей рабочей среды. Сотрудничаем только с проверенными заводами гарантируем долговечность. Гибкая система скидок для монтажных и эксплуатирующих компаний.Купить радиаторы отопления КарагандаВ ассортименте также представлены классические надежные чугунные батареи. Отличаются высокой теплоотдачей и превосходной устойчивостью к гидроударам. Всегда в наличии необходимые комплектующие для подключения краны заглушки кронштейны. Доставка заказов по всему Казахстану.Кабельная продукция в АстанеРеализуем силовой кабель ВВГнг АВВГ гибкий КГ самонесущий провод СИП. Поставляем проверенные решения для внутренней прокладки и воздушных линий электропередач. Осуществляем отмотку кабеля любой длины со склада. Для электромонтажных организаций действуют отличные скидки.Медная труба и шина в Павлодарской областиВ наличии медные шины и трубы алюминиевые листы и профили латунный и бронзовый пруток. Незаменимы в электротехнике приборостроении и декоративной отделке. Осуществляем розничную и оптовую продажу напрямую со склада. Постоянным клиентам — лучшие цены и отсрочка платежа.Купить строительный крепеж в Жамбылской областиПромышленный фундаментный и строительный крепеж высочайшего класса. В наличии черные и оцинкованные изделия с надежной защитой от ржавчины. Готовы обеспечить любую стройку качественными метизами в полном объеме. Предоставляем отличные скидки для снабженцев и оптовиков.

  18. top online pharmacy: FormuLine Pharmacy – top-rated online pharmacies

  19. secure medical online pharmacy: best india pharmacy – foreign online pharmacy

  23. onlinecanadianpharmacy: safe canadian pharmacies – SteadyMeds

  24. purple pharmacy online: AccessBridge – order meds from mexico

  32. online pharmacy no rx FormuLine Pharmacy online drugs order

  33. medicine online order: FormuLine Pharmacy – pharmacy online

  34. казино феникс

    Если нужен феникс казино зеркало, лучше сразу сохранять проверенные ссылки. Я уже тестировал несколько вариантов. Этот оказался самым стабильным. Пока работает без сбоев

  35. safe online pharmacies: best india pharmacy – secure medical online pharmacy

  36. f7 casino promo code

    When searching for f7 casino promo code, many sites provide outdated information. I checked a few options and this one seems актуal. It is easy to navigate and bonuses are clearly presented. Overall a good choice

  41. Pretty portion of content. I just stumbled upon your site and in accession capital to say that I get in fact loved account your weblog posts. Any way I will be subscribing in your augment or even I achievement you get entry to constantly fast. buy valium online without prescrition xxx pornhub pills

  42. safe online pharmacies: top online pharmacy india – medicine online

  45. Hi there every one here every one is sharing such familiarity so its fastidious to read this blog and I used to go to see this weblog daily. buy cannabis online for xxx adult porn video

  46. Hey there I am so delighted I found your site I really found you by accident while I was researching on Google for something else Anyways I am here now and would just like to say thank you for a fantastic post and a all round interesting blog I also love the theme/design I don’t have time to go through it all at the moment but I have saved it and also added in your RSS feeds so when I have time I will be back to read a great deal more Please do keep up the awesome jo. new online casinos

  48. SteadyMeds pharmacy: SteadyMeds pharmacy – onlinecanadianpharmacy 24

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>