Radiopainikkeiden asettaminen ja validointi

Asennus ja validointi valintanapit näyttää olevan lomakekenttä joka antaa monille verkkovastaaville vaikeimmat asetukset. Itse asiassa näiden kenttien asettaminen on yksinkertaisin kaikista lomakekentistä validoimiseksi radionäppäiminä asettaa yhden arvon, joka on testattava vain lomakkeen lähettämisen yhteydessä.

Valintanappien vaikeus on, että lomakkeeseen on sijoitettava ainakin kaksi ja yleensä enemmän kenttää, jotka on liitettävä toisiinsa ja testattava yhtenä ryhmänä. Jos käytät painikkeillesi oikeita nimeämiskäytäntöjä ja asettelua, sinulla ei ole ongelmia.

Ensimmäinen asia, jota on tarkasteltava käytettäessä lomakkeessa olevia radionäppäimiä, on se, kuinka painikkeet on koodattava, jotta ne toimivat oikein radiopainikkeina. Haluttu käyttäytyminen on, että vain yksi painike valitaan kerrallaan; kun yksi painike on valittu, minkä tahansa aiemmin valitun painikkeen valinta poistetaan automaattisesti.

Ratkaisu on antaa kaikille ryhmän radiopainikkeille sama nimi, mutta eri arvot. Tässä on koodi, jota käytetään itse radiopainikkeeseen.

Useiden ryhmien radionäppäimien luominen yhdelle lomakkeelle on myös yksinkertaista. Ainoa mitä sinun täytyy tehdä, on antaa toiselle valintanappien ryhmälle eri nimi kuin ensimmäisessä ryhmässä.

Nimikenttä määrittää, mihin ryhmään tietty painike kuuluu. Arvo, joka välitetään tietylle ryhmälle lomakkeen toimittamisen yhteydessä, on ryhmässä olevan painikkeen arvo, joka valitaan lomakkeen lähettämishetkellä.

Jotta lomakkeen täyttävä henkilö ymmärtäisi ryhmämme jokaisen valintanappi, meidän on annettava kuvaus jokaisesta painikkeesta. Yksinkertaisin tapa tehdä tämä on antaa kuvaus tekstinä heti painikkeen jälkeen.

Pelkän tekstin käyttämisessä on kuitenkin pari ongelmaa:

1. Teksti voidaan yhdistää visuaalisesti valintanappiin, mutta se ei välttämättä ole selvää esimerkiksi ruudunlukijaa käyttäville.
2. Useimmissa käyttöliittymät Valintanappien avulla painikkeeseen liitetty teksti on napsautettavissa ja pystyy valitsemaan siihen liittyvän valintanappi. Tässä tapauksessamme teksti ei toimi tällä tavalla, ellei teksti liitetä nimenomaisesti painikkeeseen.

Jos haluat yhdistää tekstin vastaavaan valintanappiin, niin että napsauttamalla tekstiä valitaan painike, meidän on tehtävä tee uusi lisäys kunkin painikkeen koodiin ympäröimällä koko painike ja siihen liittyvä teksti a-kohdassa etiketti.

Tästä näyttää yhden painikkeen täydellinen HTML:

 nappi yksi

Valintanappana, jonka tunnuksella on viite varten tarratunnisteen parametri sisältyy itse tunnisteeseen, varten ja id parametrit ovat tarpeettomia joissain selaimissa. Niiden selaimet eivät kuitenkaan usein ole riittävän älykkäitä tunnistamaan pesimistä, joten on syytä laittaa ne maksimoimaan selainten lukumäärä, jossa koodi toimii.

Se täydentää itse radiopainikkeiden koodausta. Viimeinen vaihe on radiopainikkeen validoinnin asettaminen painikkeella JavaScript.

Valintanappien ryhmien validointi ei ehkä ole itsestään selvää, mutta se on yksinkertaista, kun tiedät miten.

Seuraava toiminto vahvistaa, että yksi ryhmän radiopainikkeista on valittu:

// Radiopainikeiden validointi
// tekijänoikeudet Stephen Chapman, 15. marraskuuta 2004, 14. syyskuuta 2005
// voit kopioida tämän toiminnon, mutta säilytä tekijänoikeusilmoitus sen mukana
toiminto valButton (btn) {
var cnt = -1;
for (var i = btn.pituus-1; i> -1; i--) {
if (btn [i] .tarkistettu) {cnt = i; i = -1;}
}
if (cnt> -1) palauttaa btn [cnt] .arvo;
muuten palauta nolla;
}

Jos haluat käyttää yllä olevaa toimintoa, soita sille lomakkeen tarkistusrutiinista ja lähetä se radionäppäinryhmän nimi. Se palauttaa valitun ryhmän painikkeen arvon tai palauttaa nolla-arvon, jos mitään ryhmän painikkeita ei ole valittu.

Esimerkiksi tässä on koodi, joka suorittaa valintanappien validoinnin:

var btn = valButton (muoto.ryhmä1);
if (btn == nolla) hälytys ('Ei valintanappia valittu');
else alert ('painikkeen arvo' + btn + 'valittu');

Tämä koodi sisällytettiin funktioon, jota kutsuttiin klikkaamalla tapahtuma, joka on liitetty lomakkeen validointi- tai lähettämispainikkeeseen.

Viittaus koko muotoon annettiin parametrina funktioon, joka käyttää "lomake" -argumenttia viitaamaan koko lomakkeeseen. Valintanappiryhmän validoimiseksi nimiryhmällä 1 siirrämme siis muoto.group1 valButton-toimintoon.

Kaikkia tarvittavia valintanappiryhmiä voidaan käsitellä yllä kuvattujen vaiheiden avulla.