HTML 5 mundëson kontrollimin e fushës së formularit me etiketën required, para se ai të dorëzohet. Gjuha standarde e lajmërimit është në gjuhën e shfletuesit, mirëpo HTML 5 e ofron edhe një mundësi shtuese që lajmërimi për vizitorin të bëhet me tekst tjetër me setCustomValidity, sikur në këtë shembull këtu.
HTML
<form id="demoForm" action="" method="POST" >
<div class="mbajtesi-me-fushe">
<label for="emri" class="form-label">Emri juaj:</label>
<input type="text" class="form-control" name="emri" id="emri" oninvalid="setCustomValidity('Ju lutem plotësoni emrin tuaj!')" oninput="setCustomValidity('')" minlength="3" maxlength="10" required />
</div>
<div class="mbajtesi-me-pulle">
<button type="submit" id="pullaDorezo" class="btn btn-primary">Dorëzo</button>
</div>
</form>
CSS (i demonstrimit lartë)
.mbajtesi-me-formular {
margin: 0 auto;
max-width: 320px;
}
.mbajtesi-me-fushe {
margin-bottom: 20px;
}
.mbajtesi-me-pulle {
text-align: right;
}