Validere skjemaer med LiveValidation

LiveValidation er en enkel JavaScript-bibliotek som tillater deg å utføre klientside validering av data lagt inn av brukere innenfor modulene (formene).

Gjennom funksjonene til dette biblioteket, kan du validere noen form raskt og enkelt, bare ved å skrive noen få linjer med kode. Alt dette er selvsagt utgitt under åpen kildekode-lisens.
Den offisielle hjemmeside der du kan laste ned biblioteket og tilgang til offisielle dokumenter, er livevalidation.com

Biblioteket er utstyrt med et sett av metoder som løser de mest hyppige serien av validering, men du kan også lage tilpassede validering ved å kombinere verktøyene tilbys av biblioteket.

LiveValidation er tilgjengelig i to versjoner:

• en frittstående;
• og en basert på prototypen.

Begge selvfølgelig er fullt kompatibelt med de fleste moderne nettlesere.
I denne artikkelen vil vi stole på den frittstående versjonen, som kan brukes trygt med andre bibliotek eller rammeverk.

Å inkludere biblioteket vil være tilstrekkelig til å inkludere den i våre sider i HTML ved hjelp av JavaScript utenfor de vanlige påminnelse:

 



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

 

Før du se eksempler og deres respektive kode, er det viktig å huske at validering er utført av LiveValidation det er et klient-side validering, så det erstatter server-side validering, som alltid må være tilstede for å unngå inkonsistent eller feil data !
LiveValidation må derfor anses som en del (viktig) av et større arbeid for verifikasjon og kontroll av data som sendes som input av brukere.

Generelt tar validering av et felt sted gjennom etableringen av et objekt LiveValidation, som ikke gjør annet enn å velge feltet for å validere basert på ID tildelt det:

 



 var element = new LiveValidation ("elemento_da_validare");

 

Du kan også sende andre parametere i konstruksjonen av objektet som, for eksempel, har en melding som viser korrekt validering av objektet eller ventetid (i millisekunder) for å starte valideringsprosessen (etter at brukeren stoppet å skrive tekst). La oss se et eksempel:

 var element = new LiveValidation ("elemento_da_validare", {



  



 validMessage: "Compiled vellykket!"



  



 vente: 500







 });

Under et bilde med to eksempler på validering meldinger:

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