Valideren formulieren met LiveValidation

LiveValidation is een simpele JavaScript-bibliotheek die kun je de client-side validatie van de gegevens die door gebruikers binnen de modules (vormen).

Door de functies van deze bibliotheek, dan kunt u valideren welke vorm dan ook snel en gemakkelijk, gewoon door het schrijven van een paar regels code. Dit alles is natuurlijk vrij onder open source licentie.
De officiële homepage van waaruit u de bibliotheek te downloaden en toegang tot officiële documenten, is livevalidation.com

De bibliotheek is uitgerust met een set van methoden die de meest voorkomende reeks van validatie op te lossen, maar u kunt aangepaste validatie maken door simpelweg het combineren van de tools die door de bibliotheek.

LiveValidation is beschikbaar in twee versies:

• een standalone;
• en een op basis van het prototype.

Beide, natuurlijk, zijn volledig compatibel met de meeste moderne browsers.
In dit artikel zullen we vertrouwen op de standalone versie, die veilig kan worden gebruikt met andere bibliotheken of kaders.

Op te nemen van de bibliotheek zal voldoende zijn om haar op te nemen in onze pagina's in HTML met behulp van JavaScript buiten de gebruikelijke herinnering:

 



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

 

Voor het zien van de voorbeelden en hun respectievelijke code, is het belangrijk te onthouden dat de validatie wordt uitgevoerd door LiveValidation het is een client-side validatie, dus het vervangt de server-side validatie, die altijd moet aanwezig zijn om inconsistente of onjuiste gegevens te vermijden !
LiveValidation moet derhalve worden beschouwd als een deel (belangrijke) van een groter werk van verificatie en controle van de gegevens doorgegeven als input door de gebruikers.

In het algemeen is de validatie van een veld gedaan door het creëren van een object LiveValidation, die niets anders doet dan selecteert u het veld te valideren op basis van de ID toegewezen:

 



 var element = new LiveValidation ("elemento_da_validare");

 

U kunt ook langs andere parameters in de constructie van het object, bijvoorbeeld, een bericht dat de juiste validatie van het object of de wachttijd (in milliseconden) om de validatie te starten (nadat de gebruiker laat zien is gestopt typen van het tekst). Laten we eens een voorbeeld te zien:

 var element = new LiveValidation ("elemento_da_validare", {



  



 validMessage: "Succesvol Compiled!"



  



 wacht: 500







 });

Hieronder een afbeelding met twee voorbeelden van validatie berichten:

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