Ověřit formulář s LiveValidation

LiveValidation je jednoduchý JavaScript knihovna, která umožňuje provádět ověřování na straně klienta údajů vložených uživateli v rámci modulů (formulářů).

Prostřednictvím funkce této knihovny si můžete ověřit jakékoli formě snadno a rychle, pouze tím, že napíše pár řádků kódu. To vše samozřejmě je vydán pod open source licencí.
Oficiální domovská stránka, ze které si můžete stáhnout knihovny a přístup k úředním dokumentům, je livevalidation.com

Knihovna je totiž vybavena soubor metod, které řeší nejčastější série ověřování, ale můžete také vytvářet vlastní validační jednoduše kombinací nástrojů, které nabízí knihovna.

LiveValidation je k dispozici ve dvou verzích:

• samostatný;
• a druhý o prototyp.

Oba, jsou samozřejmě plně kompatibilní s většinou moderních prohlížečů.
V tomto článku se budeme stavět samostatná verze, které mohou být bezpečně používány s ostatními knihovnami a rámců.

Chcete-li zahrnout knihovny bude dostačující, aby se na našich stránkách ve formátu HTML za použití JavaScriptu mimo obvyklá připomínka:

 



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

 

Před vidět příklady a jejich kód, je důležité si uvědomit, že validace se provádí LiveValidation je ověřování na straně klienta, tak to nahrazuje server-side validaci, které musí být vždy přítomen, aby se zabránilo nekonzistentní nebo nesprávné údaje !
LiveValidation je tedy třeba chápat jako součást (důležité), větší práce na ověřování a kontrolu dat předán jako vstup uživatele.

Obecně platí, že ověření provádí vytvořením pole objektu LiveValidation, kdo nic nedělá, ale vybrat, které mají být schváleny ID, které jí:

 



 var element = new LiveValidation ("elemento_da_validare");

 

Můžete také předat další parametry v konstrukci objektu, například zprávy, který ukazuje správnou validaci objektu nebo čekání (v milisekundách) spustit validaci (poté, co uživatel přestal psát text). Podívejme se na příklad:

 var element = new LiveValidation ("elemento_da_validare", {



  



 validMessage: "Zpracoval úspěšně!"



  



 wait: 500







 });

Pod obraz s dvěma příklady ověření zprávy:

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