Categorie
Javascript

Come verificare che un campo sia numerico.

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!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *