Valida formularul cu LiveValidation

LiveValidation este o simplă bibliotecă JavaScript, care vă permite să efectuaţi client-side de validare a datelor introduse de către utilizatori în cadrul module (formulare).

Prin funcţiile de această bibliotecă, aveţi posibilitatea să valida orice formă repede şi uşor, doar prin scrierea unui câteva linii de cod. Toate acest curs este eliberată de sub licenta open source.
De start, initiala oficiala de la care îl puteţi descărca bibliotecă şi acces la documente oficiale, este livevalidation.com

Biblioteca este echipat cu un set de metode care rezolva cele mai frecvente serie de validare, dar puteţi crea, de asemenea, validare anunturi personalizate prin combinarea pur şi simplu instrumentele oferite de bibliotecă.

LiveValidation este disponibil în două versiuni:

• un stand-alone;
• şi unul bazat pe prototip.

Ambele, desigur, sunt pe deplin compatibile cu majoritatea browserelor moderne.
În acest articol vom construi versiune independentă, care poate fi folosit în condiţii de siguranţă cu alte biblioteci sau cadre.

Pentru a include biblioteca va fi suficient să-l includă în paginile noastre în HTML utilizând JavaScript afara memento obişnuite:

 



 <script type="text/javascript" src="livevalidation_standalone.js"> </ script>

 

Înainte de a vedea exemplele şi codul lor respective, este important să ne amintim că validarea este efectuată de către LiveValidation este vorba de o validare client-side, astfel încât îl înlocuieşte de validare server-side, care trebuie să fie întotdeauna prezent în scopul de a evita date inconsistente sau incorecte !
LiveValidation trebuie să fie, prin urmare, considerată ca o parte din (importante) de o lucrare mai mare de verificare şi control a datelor transmise ca intrare de către utilizatori.

În general, validarea unui câmp se face prin crearea unui LiveValidation obiect, care nu face nimic, dar selectaţi câmpul care urmează să fie validate de către ID-ul care îi sunt atribuite:

 



 var element = LiveValidation noi ("elemento_da_validare");

 

Aveţi posibilitatea să treci, de asemenea, alţi parametri în construcţia de obiect, de exemplu, un mesaj care prezinta validarea corectă a obiectului sau de timpul de asteptare (in milisecunde) pentru a porni de validare (după ce utilizatorul a oprit tastând text). Să ne uităm la un exemplu:

 element de var = LiveValidation noi ("elemento_da_validare", {



  



 validMessage: "compilat cu succes!"



  



 , aşteptaţi: 500







 });

Mai jos o imagine cu două exemple de mesaje de validare:

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>