Weryfikacja formularza LiveValidation

LiveValidation jest prosta biblioteka JavaScript, który umożliwia wykonywanie po stronie klienta walidacji danych wprowadzanych przez użytkowników w ramach modułów (formularze).

Dzięki funkcji tej biblioteki, można sprawdzić poprawność jakiejkolwiek formie łatwo i szybko, po prostu przez napisanie kilku linijek kodu. Wszystko to oczywiście jest udostępniany na licencji open source.
Oficjalna strona z której można pobrać biblioteki i dostępu do dokumentów urzędowych, jest livevalidation.com

Biblioteka wyposażona jest w zestaw metod, które rozwiązują najczęstsze serii walidacji, ale można również tworzyć niestandardowe walidacji po prostu połączenie narzędzi oferowanych przez biblioteki.

LiveValidation jest dostępny w dwóch wersjach:

• samodzielnych;
• i oparty na prototypie.

Obaj, oczywiście, są w pełni kompatybilne z większością nowoczesnych przeglądarek.
W tym artykule będziemy budować oddzielnej wersji, które można bezpiecznie stosować z innymi bibliotekami lub ramy.

Aby dołączyć do biblioteki będą wystarczające, aby umieścić go w nasze strony w HTML za pomocą JavaScript poza zwykłym przypomnieniem:

 



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

 

Przed zobaczyć przykłady i ich kodu, ważne jest, aby pamiętać, że Sprawdzanie to odbywa się przez LiveValidation jest po stronie klienta sprawdzania poprawności, więc zastępuje po stronie serwera, walidacji, która zawsze musi być obecny w celu uniknięcia niespójności lub błędne dane !
LiveValidation musi zatem być traktowane jako część (ważne) większej pracy weryfikacji i kontroli danych przekazywanych wprowadzana do systemu przez użytkowników.

Ogólnie, walidacja pola to realizowane poprzez stworzenie LiveValidation obiekt, który nic nie robi, ale zaznacz pole być zatwierdzone przez ID przypisany do niego:

 



 var element = new LiveValidation ("elemento_da_validare");

 

Można także przekazać inne parametry, w konstrukcji obiektu, jak na przykład wiadomość, że pokazuje poprawną walidację obiektu lub czas oczekiwania (w milisekundach), aby rozpocząć sprawdzanie poprawności (gdy użytkownik przestał wpisując tekstu). Spójrzmy na przykład:

 elementu var = new LiveValidation ("elemento_da_validare" {



  



 validMessage: "Opracowanie pomyślnie!"



  



 czekać: 500







 });

Poniżej zdjęcie z dwa przykłady wiadomości walidacji:

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