Velden valideren

Een veel voorkomende validatie is het controleren of een veld is ingevuld (verplichte velden). Vaak is het de bedoeling dat bijvoorbeeld een e-mail adres wordt opgegeven.

Het valideren van velden voorkomt dat er formulieren worden verzonden die incompleet zijn.

Naast het controleren op verplichte velden is het mogelijk om bijvoorbeeld te controleren of een veld numeriek is, een geldig e-mailadres is, etc.

Dit is mogelijk door voorgedefinieerde style classes te gebruiken in het formulier.

Een voorbeeld:
<input id="name" class="required" title="Naam" name="name" type="text" />
<input id="from" class="required validate-email" title="E-mail" name="from" type="text" />

Deze code zorgt ervoor dat het e-mailadres een verplicht veld is (class="required") en dat het een geldig e-mailadres moet zijn (class="validate-email").

Bovengenoemde velden zullen bijvoorbeeld onderstaande meldingen tot gevolg kunnen hebben (naam is niet ingevuld en e-mailadres is onjuist):