Vërtetimi i formularit para dërgimit

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.

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.

Demonstrim

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

.mbajtesi-me-formular { 
margin: 0 auto;
max-width: 320px;
}

.mbajtesi-me-fushe { 
margin-bottom: 20px;
}

.mbajtesi-me-pulle { 
text-align: right;
}