Validera formulär med LiveValidation

LiveValidation är ett enkelt JavaScript-bibliotek som låter dig utföra klientsidan validering av uppgifter som användare inom moduler (blanketter).

Genom de funktioner som detta bibliotek kan du validera någon form snabbt och enkelt, bara genom att skriva några rader kod. Allt detta är naturligtvis släppt under öppen källkod licens.
Den officiella hemsida där du kan ladda ner bibliotek och tillgång till offentliga handlingar, är livevalidation.com

Biblioteket är utrustad med en uppsättning metoder som löser de vanligaste serien av validering, men du kan också skapa anpassade validering genom att kombinera de verktyg som erbjuds av biblioteket.

LiveValidation finns i två versioner:

• en fristående;
• och en baserad på prototypen.

Båda givetvis är fullt kompatibla med de flesta moderna webbläsare.
I denna artikel kommer vi att bygga den fristående versionen, som kan användas säkert med andra bibliotek eller ramverk.

Om du vill inkludera biblioteket kommer att vara tillräckliga för att inkludera den i våra sidor i HTML med hjälp av JavaScript utanför de vanliga påminnelse:

 



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

 

Innan se exemplen och deras respektive kod, är det viktigt att komma ihåg att valideringen utförs av LiveValidation det är en klientsidan validering, så det ersätter server-side validering, som alltid måste vara närvarande för att undvika inkonsekventa eller felaktiga uppgifter !
LiveValidation måste därför anses som en del av (viktigt) i ett större arbete med verifiering och kontroll av data som skickas som indata av användare.

I allmänhet är validering av ett område sker genom att skapa ett objekt LiveValidation, som inte gör något men välj det fält som ska godkännas av ID som tilldelats den:

 



 var elementet = new LiveValidation ("elemento_da_validare");

 

Du kan också skicka andra parametrar i konstruktionen av objektet som till exempel har ett meddelande som visar rätt validering av objektet eller vänta tiden (i millisekunder) för att starta validering (efter att användaren slutade skriva text). Låt oss titta på ett exempel:

 var elementet = new LiveValidation ("elemento_da_validare", {



  



 validMessage: "Sammanställd framgång!"



  



 vänta: 500







 });

Nedan en bild med två exempel på validering meddelanden:

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