Durante l’inserimento di dati in un form, può capitare di dover verificare che un campo sia davvero numerico. Supponiamo di avere nella nostra pagina HTML un campo testo di questo tipo:
<input type=”text” name=” numero” id=”numero” >
Al clic del mouse su un eventuale pulsante “ok” richiameremo uno script Javascript. La funzione Javascript che verifica se un campo passato è numerico è isNaN.
Di seguito la funzione, che deve essere inserita nella pagina verifica.js.
function verifica()
{
numero = document.getElementById(“numero”).value; // recupero il valore inserito nel campo con id numero
if (isNaN(numero)) //se il valore del campo non è un numero
{
alert (“Non hai inserito un numero”); // messaggio di errore
document.getElementById(“numero”).focus(); //posiziona il cursore nel campo
return false; //esce dalla funzione
}
}
Di seguito anche la pagina HTML che richiama la nostra pagina Javascript verifica.js
<HTML>
<HEAD>
<TITLE>Verichiamo se un campo è numerico </TITLE>
<script type=”text/javascript” src=”verifica.js”></script>
</HEAD>
<BODY>
<form name=”frm1″>
<div id=”main”>
numero: <input type=”text” name=” numero” id=”numero” >
<br>
<input type=”button” value=”ok” onclick=”verifica()”>
</body></html>
Buon Lavoro!