Walidacja formularzy przez javascript.

Tutoriale

Formularze występuja na każdej stronie internetowej. Wprowadzane dane przez nie wymagają sprawdzenia poprawności czyli walidacji. Proces walidacji najczęściej wykonuje się przez javascript po stronie przeglądarki. Do walidacji formularzy wykorzystamy bibliotekę jsvalidate.

Ściągnij biblotekę do walidacji formularzy: jsvalidate beta 0.04

Przykłądy walidaji formularza.

Oto przykłady wykorzystania bibloteki do walidacji pól formularza.

<form name="query">
<script type="text/javascript" language="javascript" src="scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" language="javascript" src="scriptaculous/src/scriptaculous.js"></script>
<script type="text/javascript" language="javascript" src="jsvalidate.js"></script>
</form>

Walidacja wymaganego pola

Przykład

imię:

<form name="query">
imię: <input type="text" name="imie" class="jsrequired" /><br/>
	  <input type="submit" value="zapisz" />
</form>

Walidacja emaila

Przykład

email:

<form name="query">
imię: <input type="text" name="email" class="jsrequired jsvalidate_email" /><br/>
	  <input type="submit" value="zapisz" />
</form>

Walidacja kodu pocztowego

Przykład

kod pocztowy:

<form name="query">
imię: <input type="text" name="kod" class="jsrequired jsvalidate_euzip" /><br/>
	  <input type="submit" value="zapisz" />
</form>

Tutoriale