Overiť formulár s LiveValidation

LiveValidation je jednoduchý JavaScript knižnica, ktorá umožňuje vykonávať overovanie na strane klienta údajov vložených užívateľmi v rámci modulov (formulárov).

Prostredníctvom funkcie tejto knižnice si môžete overiť akejkoľvek forme ľahko a rýchlo, len tým, že napíše pár riadkov kódu. To všetko samozrejme je vydaný pod open source licenciou.
Oficiálna domovská stránka, z ktorej si môžete stiahnuť knižnice a prístup k úradným dokumentom, je livevalidation.com

Knižnica je totiž vybavená súbor metód, ktoré riešia najčastejšie série overovanie, ale môžete tiež vytvárať vlastné validačné jednoducho kombináciou nástrojov, ktoré ponúka knižnica.

LiveValidation je k dispozícii v dvoch verziách:

• samostatný;
• a druhý o prototyp.

Obaja, sú samozrejme plne kompatibilný s väčšinou moderných prehliadačov.
V tomto článku sa budeme stavať samostatná verzia, ktoré môžu byť bezpečne používané s ostatnými knižnicami a rámcov.

Ak chcete zahrnúť knižnice bude dostačujúce, aby sa na našich stránkach vo formáte HTML za použitia JavaScriptu mimo obvyklá pripomienka:

 



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

 

Pred vidieť príklady a ich kód, je dôležité si uvedomiť, že validácia sa vykonáva LiveValidation Jedná sa o overení na strane klienta, tak to nahrádza server-side validáciu, ktoré musia byť vždy prítomný, aby sa zabránilo nekonzistentné alebo nesprávne údaje !
LiveValidation je teda potrebné chápať ako súčasť (dôležité), väčšie práce na overovanie a kontrolu dát odovzdaný ako vstup užívateľa.

Všeobecne platí, že je overenie obore dosiahnuť vytvorením objektu LiveValidation, kto nič nerobí, ale vybrať, ktoré majú byť schválené ID, ktoré jej:

 



 var element = new LiveValidation ("elemento_da_validare");

 

Môžete tiež odovzdať ďalšie parametre v konštrukcii objektu, napríklad správy, ktorý ukazuje správnu validáciu objektu alebo čakanie (v milisekundách) spustiť validáciu (potom, čo používateľ prestal písať text). Pozrime sa na príklad:

 var element = new LiveValidation ("elemento_da_validare", {



  



 validMessage: "Spracoval úspešne!"



  



 wait: 500







 });

Pod obraz s dvoma príkladmi overení správy:

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