Valider form med LiveValidation

LiveValidation er et simpelt JavaScript-bibliotek, som giver dig mulighed for at udføre client-side validering af data indtastet af brugere i moduler (former).

Gennem funktioner i dette bibliotek, kan du validere nogen form hurtigt og nemt, bare ved at skrive et par linjer kode. Alt dette selvfølgelig er frigivet under open source licens.
Den officielle hjemmeside, hvorfra du kan downloade biblioteket og adgang til officielle dokumenter, er livevalidation.com

Biblioteket er udstyret med et sæt af metoder, der løser de hyppigste serie af validering, men du kan også oprette tilpassede validering ved simpelthen at kombinere de værktøjer, der tilbydes af biblioteket.

LiveValidation fås i to versioner:

• en stand-alone;
• og én baseret på den prototype.

Begge selvfølgelig er fuldt kompatible med de fleste moderne browsere.
I denne artikel vil vi bygge den enkeltstående version, som kan anvendes sikkert sammen med andre biblioteker eller rammer.

Hvis du vil medtage biblioteket vil være tilstrækkelig til at inddrage det i vores sider i HTML ved hjælp JavaScript uden for de sædvanlige påmindelse:

 



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

 

Før du se eksempler og deres respektive kode, er det vigtigt at huske, at valideringen er udført af LiveValidation det er en klient-side validering, så det erstatter den server-side validering, der skal altid være til stede for at undgå inkonsekvent eller forkerte data !
LiveValidation må derfor betragtes som en del af (vigtigt) af et større arbejde, verificering og kontrol af data, der passerer som input af brugerne.

Generelt er validering af et felt gjort ved at oprette et objekt LiveValidation, der ikke gør andet end vælge det område, der skal godkendes af ID tilskrevet:

 



 var element = nye LiveValidation ("elemento_da_validare");

 

Du kan også videregive andre parametre i konstruktionen af ​​objektet som for eksempel har et budskab, der viser den korrekte validering af objektet eller vente tid (i millisekunder) for at starte validering (efter at brugeren har stoppet skrive tekst). Lad os se på et eksempel:

 var element = nye LiveValidation ("elemento_da_validare", {



  



 validMessage: "Opgjort succes!"



  



 vente: 500







 });

Herunder et billede med to eksempler på validering budskaber:

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