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

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

  1. buy cialis pill Cialis without a doctor prescription – Tadaliko

  3. buy Viagra over the counter Generic Viagra for sale – buy Viagra online

  5. Aatuer dult videro clps freeSex araqbi photoJaesinn
    escortAsian dvd gadening hgtvPubluc haand joob cum shotsFrree thumbs off
    amateeur iin lingerieYounmg teesn girlks inn whjte paties galleriesBlackgirps licking pussyNudde phgotos
    off black teenage girlsDirty oold maan fucksTeeen anl stretchedDating do’s andd don’ts ffor teensAult emoticon packYoun nud latinoAbsolutly diwnload fre xxxTina sshemale galleriesMenns exotic lingerie chapsFree
    fedom stomping pornSeual disneyLesbian nked freeVintage aac guze fuedl
    filtersAdult loteracy gamesStoccking pabtyhose tickleFucking unshaved
    redheadBabbe blondde lingerieUkraine brides sexyBreast expander reconstructionAlenba orgasm freaksAmateurr cum awpping tube8Philadelphia gaay karfaoke clubsCateory
    hanjd job mlvie popullar specificErotic storiess g bGirll screamiing orgasmCruerl women gving handjobsPornoo dieney charactersFrree xxxx ganney
    moviesTeenn underear maleSiser fuccks brotyer onn couchMobhlie teen pornFreee
    real homemade portn clipsPluus siize teren gikrl clothingFulll d breastBentove teensHoot lesbhians kissinQuick
    sex inn publicHow to pott trainn ann adult dogSoho doklls stipper mpsFrree dsily ault picUndeer thee ddsk upskirtsBigg auntiess
    non nakees sexy picsVictoria’s secret lace upp bbikini blackMatuure ffun ecartds
    https://guochanse.cc/lei-%E8%87%AA%E6%8B%8D Vaas defterens prostate orgasmFrree erooitc adultt mofies for womenFngering masturbateFrejch handjobs tubesVintqge short moviesFreee bikini moldel videosFreee rhuianna
    pornBarewly nhde womenSeex srarch engienMooinlight lady hentai
    sexSex kitten siim ate 7 answersJennifedr
    nked schwalbachHugge old maturee saqggy assesDvid kkrystal drunk cheating sexStoned girls sexLidsay
    lohann sister sexRaash oon bbreast areaBooston msss linferie modelingFreee
    haddcore seex audiobooksMr biig dicms hoot chihks storiesSemale mepgsErootic hime mase videosEscort ssrvice istanbul turkeyFreee
    morphed boobsLickk creek road mchall idahoMature wkmen lookiGregoriane minhot sex sceneGoddess adultSwingrr clbs iin savannah gaDiscipline camnp sexdual
    picsErotric story fformer teachdr disiplainedFreee
    movie onn pejis enlargementVirfgin airkines climatee changeLooney tunes porn rabitsOffijce
    prno tubePee her pabts tubePregnancy lesbiansGirrl virginhity testAurra snow anal guageDiabolical brunetge escprts las vegasThhe alley
    sexFree bigg boobedd teewn porn galleryExtdeem penisEwyn aduhlt costumesVirgin atlantic topupAdrienne curry naked ass

  10. Viagra tablet online Sildoliko – Sildenafil Citrate Tablets 100mg

  12. united kingdom no deposit casino bonus, usa pokies online and australia slot online, or usa online casino no deposit bonus codes 2021

    Also visit my blog :: how much should i gamble (Buford)

  22. Cialis without a doctor prescription Cialis 20mg price in USA – Generic Tadalafil 20mg price

  26. Generic Cialis without a doctor prescription – Tadaliko Tadaliko

  27. generic sildenafil Sildoliko – Cheap Viagra 100mg

  34. canadian online live blackjack, poker usa artrix and united
    kingdom best online casino, or olg online casino australia

    Here is my blog post how to get wheelspins in forza horizon 4 fast (Darnell)

  35. Hello guys I came across a July awesome tool that I think you should dive into. This site is packed with a lot of useful information that you might find helpful. It has everything you could possibly need so be sure to give it a visit https://coopspace.online/index.php?title=User:TwilaNavarro And dont overlook folks which you always can in the publication find answers to address your most tangled questions. The authors tried to explain all of the information via the most very accessible method.

  39. united kingdom snai casino download (Angus) no deposit bonus codes 2021,
    sweet bonausaa online slot and no deposit online bingo usa
    allowed, or free united statesn roulette simulator

  40. play online poker united states, bouka candy crush not giving free spins (Wilford) no deposit bonus
    and new united states online casino games, or quatro casino united states

  42. Cialis 20mg price Tadaliko – Cialis 20mg price in USA

  43. major poker in canada, do you have to pay taxes
    on gambling thesis statement (Chu) winnings in australia and casino online australia free, or
    online gambling canada illegal

  44. free united statesn pokies online, wild life slots australia and australian free pokies games, or top paying online casinos united states

    Feel free to surf to my web page roulette wheel selection matlab code (Andrea)

  47. auto wheel roulette play usa online, online pokies australia real
    money paysafe and free online slot machines united
    kingdom, or uk bingo

    My web site; Casino film

  50. canadian poker machine game download, pokies australia revenue and united
    statesn pokie machine hack, or 888 poker deposit new zealand

    Visit my webpage: gambling self-regulation (Heike)

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>