Piemonte Lab

Esperienze di programmazione

Customizzare messaggi di errore html5 (required,format,type,pattern) - esempio di un numero

<div class="col-lg-3">
<input type="text" oninvalid="setCustomValidity('Inserisci un numero')" onchange="try{setCustomValidity('')}catch(e){}" pattern="[0-9]+([,\.][0-9]+)?" class="form-control" id="numero" placeholder="numero" required="required">
<span  >Numero</span>
</div>

in questo modo se il form non è valido parte la setCustomValidity che sovrascrive il messaggio di errore del browser e sull'onchange del input resetta l'errore.