Nastavení a ověření přepínačů

Nastavení a ověření přepínače Zdá se, že pole formuláře což mnoha webmasterům poskytuje největší potíže při nastavování. Ve skutečnosti je nastavení těchto polí nejjednodušší ze všech polí formuláře k ověření, protože přepínače nastavují jednu hodnotu, kterou je třeba testovat pouze při odeslání formuláře.

Obtížnost u přepínačů spočívá v tom, že na formuláři musí být umístěna alespoň dvě a obvykle více polí, která jsou spolu spojena a testována jako jedna skupina. Pokud používáte tlačítka pro správné pojmenování a rozložení, nebudete mít žádné potíže.

První věc, na kterou se musíme při používání přepínačů v našem formuláři podívat, je to, jak tlačítka musí být kódována, aby správně fungovaly jako přepínače. Požadované chování, které chceme, je mít pouze jedno tlačítko najednou; pokud je vybráno jedno tlačítko, bude jakékoli dříve vybrané tlačítko automaticky zrušeno.

Řešením je poskytnout všem přepínačům ve skupině stejný název, ale odlišné hodnoty. Zde je kód použitý pro přepínač sám.

Vytvoření více skupin přepínačů pro jeden formulář je také jednoduché. Vše, co musíte udělat, je poskytnout druhé skupině přepínačů jiné jméno, než jaké se používá pro první skupinu.

Pole názvu určuje, do které skupiny patří konkrétní tlačítko. Hodnota, která bude předána pro konkrétní skupinu při odeslání formuláře, bude hodnota tlačítka ve skupině vybrané v době odeslání formuláře.

Aby osoba, která vyplní formulář, pochopila, co dělá každý přepínač v naší skupině, musíme pro každé tlačítko poskytnout popisy. Nejjednodušší způsob, jak toho dosáhnout, je poskytnout popis jako text bezprostředně za tlačítkem.

Existuje však několik problémů s používáním prostého textu:

1. Text může být vizuálně spojen s přepínačem, ale nemusí být jasný například těm, kteří používají čtečky obrazovky.
2. Ve většině uživatelská rozhraní pomocí přepínačů lze na text přidružený k tlačítku kliknout a vybrat příslušný přepínač. V našem případě zde nebude text fungovat, dokud nebude text konkrétně spojen s tlačítkem.

K přiřazení textu k odpovídajícímu přepínacímu tlačítku tak, aby kliknutí na text dané tlačítko vybralo, musíme přidejte další kód do každého tlačítka obklopením celého tlačítka a jeho přidruženého textu v a označení.

Vypadá to, jak by vypadal kompletní HTML pro jedno z tlačítek:

 tlačítko jedna

Jako přepínač s id jménem uvedeným v pro Parametr značky je ve skutečnosti obsažen v samotné značce pro a id parametry jsou v některých prohlížečích nadbytečné. Jejich prohlížeče však často nejsou dostatečně chytré, aby rozpoznaly vnoření, takže je vhodné je vložit, aby se maximalizoval počet prohlížečů, ve kterých bude kód fungovat.

Tím se dokončí samotné kódování přepínačů. Posledním krokem je nastavení ověření pomocí přepínače JavaScript.

Ověření skupin přepínačů nemusí být zřejmé, ale je to jednoduché, jakmile víte, jak na to.

Následující funkce potvrdí, že bylo vybráno jedno z přepínačů ve skupině:

// Ověření přepínače
// copyright Stephen Chapman, 15. listopadu 2004, 14. září 2005
// můžete tuto funkci zkopírovat, ale uschovejte si s ní oznámení o autorských právech
funkce valButton (btn) {
var cnt = -1;
pro (var i = btn.length-1; i> -1; já--) {
if (btn [i] .checked) {cnt = i; i = -1;}
}
if (cnt> -1) vrátí btn [cnt] .value;
jinak návrat null;
}

Chcete-li použít výše uvedenou funkci, zavolejte ji v rutině ověření formuláře a předejte jí název skupiny přepínačů. Vrátí hodnotu tlačítka ve vybrané skupině nebo vrátí nulovou hodnotu, pokud není ve skupině vybráno žádné tlačítko.

Zde je například kód, který provede ověření přepínače:

var btn = valButton (form.group1);
pokud (btn == null) upozornění ('Není vybrán žádný přepínač');
else alert ('Hodnota tlačítka' + btn + 'selected');

Tento kód byl zahrnut do funkce nazvané při kliknutí událost připojená k tlačítku ověření (nebo odeslání) ve formuláři.

Odkaz na celý formulář byl předán jako parametr do funkce, která používá argument „formulář“ k odkazu na úplný formulář. Abychom ověřili skupinu přepínacích tlačítek s názvem group1, předáme form.group1 funkci valButton.

Všechny skupiny přepínačů, které budete kdy potřebovat, lze zpracovat pomocí výše uvedených kroků.