validare Javascript de câmpuri de formular

un program educațional scurt

Lucrarea descrie soluția, dezvoltată de noi, putem evalua imediat procedurile de efectuare a plății exemplu, pe site-ul său, „Newcomb“. Și începe următoarea poveste despre procesul de dezvoltare a acesteia, precum și a da câteva exemple.

Declarația problemei

Dacă rupe sarcina în blocuri, veți obține ceva de genul diagrama următoare:

Ei bine, în cazul în care schema este, atunci într-adevăr să-l vândă.

verificări de analiză acest lucru.

Stocarea informațiilor despre inspectate câmpurile și tipurile de inspecție.

Să presupunem că avem nevoie pentru a verifica e-mail, astfel INPUT:

JS-obiect va rula mai repede, si arata mult mai corect decât orice atribute personalizate în tag-uri. De exemplu, se va arata astfel:

În cazul în care programator ajunge la site-ul atunci când a fost întocmită complet (adică, acțiunea are loc într-un roman fantasy) - Această abordare este în regulă. Dar, de multe ori, ceva este obligat să fie până la sfârșit, inclusiv pot adăuga câmpuri suplimentare sau de a crea noi forme și se lasă să adăugați câmpuri stivuitoare pe conștiința DTP, chiar dacă este scris designer - apoi sa ne resemnam la referința constantă la partea lor în stilul „a am stricat totul. " Și apoi pe principalele idei postulat, automatizare (bine, mai precis, favorit de auto-eliberare de mișcări ale corpului care nu sunt necesare), va trebui să uite.

Apoi, puteți încerca să forța de tracțiune pe datele de control în atribute personalizate, ceea ce face succint în monstru voluminos ca și cum am locui pe această versiune. Suntem pentru versatilitate.

Apoi introduceți următoarele etichete sunt prelucrate:

El, desigur, standardul, dar aici vom înregistra un mesaj pe câmpurile greșite. Și de ieșire va fi în „Select“ titlu de stil +

În mod implicit, eroarea va fi afișată imediat după elementul verificat, care nu este întotdeauna convenabil. Deci, lasa acest atribut vom indica JQ-selector pe elementul, după care eroarea de afișare.
De exemplu, cfm_confirminfo = '# placeForErrors'

Pentru a nu complica cfm_check supraîncărcat, aici vom scrie numele funcției de câmp-test personalizat

Controalele script populează câmpurile.

Informațiile pe care le-am primit, doar trata stânga ei. Algoritmul nu este zamorochenny:

Intrarea este un pointer la forma în care să facă inspecția (ca avem o mulțime de forme pot fi pe pagina!);
Noi prin aceste elemente de formă, verificarea corectitudinii umplerii;
în cazul în care există erori - markeruem-le - în cazul în care nu, permit forma de verificare.

Poate că este timpul pentru a da js-cod care implementează funcționalitatea, cel puțin parțial, din moment ce a lăsat moștenire acest buchet de text?

Ca un exemplu, aceeași funcție specială de testare, de exemplu, pentru a verifica cele două cuvinte din INPUT (numele complet sau nume, prenume). INPUT, pentru a rula o verificare pe această funcție este pusă în aplicare după cum urmează: O funcție de test va arata astfel: Ei bine, stilul ar trebui să fie orice verificare setul nostru:

forma script de validare.

probleme suplimentare.

În codul de mai sus nu este de verificare pentru grupul (pentru codul greoaie a crescut în mod semnificativ, iar dimensiunea barelor de defilare astfel încât acest articol descurajate, probabil, mulți vizitatori). Diferențele în algoritmul va fi neglijabil: verificarea elementelor în grupe trebuie să se desfășoare într-o unitate separată, și în funcție de modul de funcționare a întregii unități de a emite un mesaj de eroare într-un anumit element.
Cu toate acestea, în acest moment ar trebui să încetinească și cred că: este cu adevărat necesar pentru a rafina codul pentru a sprijini grupuri, sau putem restricționa scris o funcție de verificare separată pentru un cuplu de golf provocator?

Ce avem în cele din urmă? Conectarea unei perechi de fișiere (.js și .css), obținem proprietățile funcționale ale testului, care poate cu pace de spirit pentru a arunca la orice site-uri, cu condiția jQuery conectat. La urma urmei, mult mai plăcut să aibă la îndemână un set de instrumente gata făcute, petreci mult timp pentru producția lor înainte de orice probleme similare.

Conectarea și exemple

În primul rând, avem nevoie de biblioteca jquery. Îl puteți descărca, de exemplu, de pe site-ul oficial.
Sau pur și simplu introdus în capacul (ceea ce este în interiorul tag-ul ) Site-ul dvs., apoi se balanseze linie (butonul dreapta al mouse-ului -> elementul dorit cu cuvântul „salva“) departe de fișier js-cod și, dacă este necesar, fișierul cu css-stiluri pentru câmpurile eronate aici.
Adăugați la capac, și ei, de asemenea: Acum trebuie să atribuie atribute ale câmpurilor de formular din tabel. în funcție de ce tip de test pe care doriți să o efectuați.
Final atingere - adăugarea etichetei

eveniment onsubmit: «onsubmit = "return cFM_checktrueAttr ($ (aceasta));"».

Să încercăm acum să pună în aplicare acest formular simplu mic test:

formular HTML: Test de funcționare trei Intrare digitală:

Pentru a evalua utilizarea unui script, puteți mosavtotrade de asemenea, pe site-ul. în toate formele merită verificat acest lucru.

Pe fluxul de informații SIM uscat.
În pot lua următoarele elemente ca temă:

Modernizarea script-ul pentru a fi utilizate cu proprietăți de grup (și un tratament mai adecvat de butoane radio cu ajutorul lui)
Modernizarea script-ul pentru a seta câmpul prin obiect

Sunt de acord, o idee mare: să înceapă ceva de spus, și apoi face o fentă urechi și să continue argumentul pe un subiect complet diferit. Unii profesori în instituțiile, prin modul în care, atâta suferință.
Faptul este că simpla abordare a stocarea informațiilor în mai degrabă tag-uri. Este non-trivial, astfel încât nu putem da imediat, fără a ține seama de alte opțiuni: mirosuri amatori.

Vă rugăm să rețineți că grupul de butoane atribute radio sunt doar o singură etichetă. Puteți specifica toate, dar sensul este, probabil, că, în cazul în care, dacă te duci pentru a afișa un mesaj de eroare unic pentru fiecare articol