Verificare un numero in un campo di testo con JavaScript

JavaScript ci fornisce una soluzione, con il metodo isNaN che sta per: Is Not a Number; cioè: se non è un numero, allora fai una determinata cosa.......

isNaN è booleano, ovvero restituisce un valore true o false.

Vediamo con un esempio, cosa succede se inseriamo un numero oppure una frase. Si veda il file di esempio e si inserisca qualche lettera prima e poi un numero nel campo di testo. Adesso veniamo al codice, pochissimo e molto semplice, a dire il vero, da inserire tra i tag <head> della pagina. Esso è:

<script type="text/javascript">
<!-- function controlla() {
numero = document.form1.numero.value;
if (isNaN(numero)) {
alert("ATTENZIONE! Non hai inserito un numero");
return false;
} else {
alert("Vedi che adesso ci siamo? :))");
return false;
}
} //-->
</script>

Lo script comincia con la dichiarazione di una funzione, cioè:
function controlla() { essa deve effettivamente controllare che quello inserito sia un numero o meno;
numero = document.form1.numero.value; creo una variabile, che chiamo numero. Il suo valore è il campo di testo (input) che inseriremo nella pagina e che ho chiamato anche "numero"; ma avrei potuto dare qualsiasi valore stringa a tale variabile, per esempio "pippo"; in questo caso avrei dovuto scrivere:
numero = document.form1.pippo.value;
ecco il controllo che viene effettuato in JavaScript:
if (isNaN(numero)) se il contenuto di numeroisNaN non è un numero,
alert("ATTENZIONE! Non hai inserito un numero"); apparirà una finestra di alert la quale ci avviserà che non abbiamo inserito una cosa giusta. Inutile dire che qui possiamo mettere qualsiasi stringa vogliamo;
else altrimenti
alert("Vedi che adesso ci siamo? :))"); apparirà un' altra finestra di alert la quale ci indicherà che l' immissione è corretta.
Ho scritto più su che isNaN è booleano: (true) Vero o Falso (false); true se il valore non è un numero, false se lo è.
Adesso veniamo al codice html da inserire nel <body>:

<form method="" name="form1" action=""  onSubmit="return controlla();">
<span class="label">Scrivi un numero:</strong>
<input name="numero" type="text" class="input" id="numero" size="30" />
<br /><br />
<input type="submit" class="invia" id="submit" value="Prova" />
</form>

La prima cosa alla quale porre attenzione è il "richiamo" della funzione di controllo nel form, cioè:
onSubmit="return controlla();" cioè: al momento di premere il pulsante, esegui il controllo sul campo di testo. Inoltre, quello che ho scritto più su a proposito del nome da dare al campo di testo, ho dato il nome numero per identificarlo.

© www.extrowebsite.com - Grafica, layout, articoli e guide sono di esclusiva proprietà del webmaster - Tutti i diritti riservati