Nastavenie a overenie platnosti prepínačov

Nastavenie a overenie platnosti prepínacie tlačidlá sa zdá byť pole formulára ktoré poskytujú mnohým webmasterom najväčšie ťažkosti pri nastavovaní. V skutočnosti je nastavenie týchto polí najjednoduchšie zo všetkých polí formulára na overenie, pretože prepínače nastavujú jednu hodnotu, ktorú je potrebné otestovať iba pri odoslaní formulára.

Problém s prepínačmi spočíva v tom, že vo formulári musia byť umiestnené najmenej dve a zvyčajne viac polí, ktoré sú spolu spojené a testované ako jedna skupina. Ak pre tlačidlá použijete správne pomenovania a rozloženie, nebudete mať žiadne problémy.

Pri používaní prepínačov v našom formulári je potrebné sa najprv pozrieť na to, ako je potrebné tieto tlačidlá kódovať, aby mohli správne fungovať ako prepínače. Požadované správanie, ktoré chceme, je mať naraz len jedno tlačidlo; ak vyberiete jedno tlačidlo, akékoľvek predtým vybrané tlačidlo sa automaticky zruší.

Riešením je poskytnúť všetkým prepínačom v skupine rovnaký názov, ale rôzne hodnoty. Tu je kód používaný pre samotné prepínač.

Vytvorenie viacerých skupín prepínačov pre jeden formulár je tiež jednoduché. Všetko, čo musíte urobiť, je poskytnúť druhej skupine prepínačov iný názov, ako sa používa pre prvú skupinu.

Pole názvu určuje, do ktorej skupiny patrí konkrétne tlačidlo. Hodnota, ktorá bude odovzdaná pre konkrétnu skupinu pri odoslaní formulára, bude hodnota tlačidla v skupine vybranej v čase odoslania formulára.

Aby osoba, ktorá vyplní formulár, pochopila, čo robí každý prepínač v našej skupine, musíme poskytnúť popisy každého tlačidla. Najjednoduchší spôsob, ako to dosiahnuť, je poskytnúť popis ako text bezprostredne za tlačidlom.

Pri použití obyčajného textu je však niekoľko problémov:

1. Text môže byť s prepínačom vizuálne spojený, ale nemusí byť jasný napríklad tým, ktorí používajú čítačky obrazovky.
2. Vo väčšine užívateľské rozhrania pomocou prepínačov sa na text priradený k tlačidlu dá kliknúť a je možné vybrať priradený prepínač. V našom prípade tu nebude text fungovať týmto spôsobom, pokiaľ nebude k tlačidlu špecificky priradený.

Na priradenie textu k príslušnému prepínaču tak, že kliknutie na text vyberie toto tlačidlo, musíme urobiť ďalšie pridanie kódu pre každé tlačidlo tak, že obklopí celé tlačidlo a jeho súvisiaci text v rámci a Štítok.

Ako by vyzeralo úplné HTML jedného z tlačidiel:

 tlačidlo jedna

Ako prepínač s ID menom uvedeným v pre parameter značky je skutočne obsiahnutý v samotnej značke, pre a id V niektorých prehliadačoch sú parametre nadbytočné. Ich prehľadávače však často nie sú dostatočne inteligentné na rozpoznanie vnorenia, preto je vhodné ich vložiť do maximálneho počtu prehľadávačov, v ktorých bude kód fungovať.

Tým sa dokončí kódovanie samotných prepínačov. Posledným krokom je nastavenie validácie prepínača pomocou JavaScript.

Overenie skupín prepínačov nemusí byť zrejmé, ale hneď ako viete, je to jednoduché.

Nasledujúca funkcia potvrdí, že bolo vybrané jedno z prepínačov v skupine:

// Overenie tlačidla prepínača
// copyright Stephen Chapman, 15. november 2004, 14. september 2005
// môžete túto funkciu kopírovať, ale uschovajte si s ňou aj oznámenie o autorských právach
funkcia valButton (btn) {
var cnt = -1;
pre (var i = btn.length-1; i> -1; ja--) {
if (btn [i] .checked) {cnt = i; i = -1;}
}
if (cnt> -1) návrat btn [cnt] .value;
inak návrat null;
}

Ak chcete použiť uvedenú funkciu, zavolajte ju v rámci rutiny na overenie formulárov a odovzdajte jej názov skupiny prepínačov. Vráti hodnotu tlačidla v skupine, ktorá je vybraná, alebo vráti nulovú hodnotu, ak nie je vybraté žiadne tlačidlo v skupine.

Napríklad tu je kód, ktorý vykoná overenie pomocou prepínača:

var btn = valButton (form.group1);
ak (btn == null) upozornenie ('Nie je vybraté žiadne prepínač');
inak upozornenie („hodnota tlačidla“ + btn + „vybrané“);

Tento kód bol zahrnutý do funkcie nazvanej po kliknutí udalosť pripojená k tlačidlu potvrdenia (alebo odoslania) vo formulári.

Odkaz na celý formulár bol odovzdaný ako parameter do funkcie, ktorá používa argument „formulár“ na označenie úplného formulára. Aby sme potvrdili skupinu prepínacích tlačidiel s menom skupiny1, odovzdáme preto form.group1 funkcii valButton.

So všetkými skupinami prepínačov, ktoré budete niekedy potrebovať, sa dá pracovať pomocou krokov uvedených vyššie.