Come controllare per un numero valido in JavaScript

February 24

Come controllare per un numero valido in JavaScript


La mancata per verificare l'input dell'utente in un modulo Web può causare problemi sul tuo sito web che vanno da lievi fastidi a crash di sistema. Una casella di testo in una pagina web consente agli utenti di inserire qualsiasi e tutti i caratteri della tastiera. Se l'applicazione si aspetta un numero valido, è necessario verificare che l'input dell'utente è davvero un valore numerico. Un modo rapido per farlo è quello di utilizzare JavaScript. Questo linguaggio di scripting ha una semplice funzione è possibile utilizzare per garantire che i visitatori del sito solo numeri di ingresso in campi numerici.

istruzione

1 Aprire uno dei documenti HTML contenenti un modulo Web utilizzando il blocco note o un editor di pagina HTML preferito.

2 Inserire la seguente funzione JavaScript nella sezione "<head>" del documento:

<Script type = "text / javascript">

var text = "100..02";

validateInput (testo);

Funzione validateInput (testo)

{Var corso di validità;

if (isNaN (testo))

valido = false;

altro valido = true;

alert ( "numero valido =" + valido);

tornare corso di validità;

}

</ Script>

La prima riga di codice assegna un valore di "100..02" alla variabile "testo"; che è un numero non valido perché contiene due punti decimali. Gli utenti possono inavvertitamente entrare in tali valori nelle caselle di input. La seconda riga di codice chiama la funzione "validateInput" quando la pagina viene caricata. Si passa il valore della variabile "testo", "100..2" per tale funzione. La funzione "validateInput" utilizza la funzione "isNaN" per vedere se l'ingresso è illegale. Se è così, si imposta la variabile "valido" a "false". In caso contrario, si imposta il valore "vero". La "segnalazione" comando consente di visualizzare una finestra di messaggio che visualizza il valore della variabile "valido". L'ultima riga di codice restituisce il valore di "valido".

3 Salvare il documento e aprirlo nel browser. Le piste di codice e visualizza "numero valido = false" perché il valore memorizzato nella variabile di testo non è un numero.

4 Tornare al documento e il cambiamento "100..2" a qualsiasi numero valido. Salvare e visualizzare di nuovo il documento nel browser. Verrà visualizzato il messaggio "numero valido = true."

Consigli e avvertenze

  • La seconda riga di codice chiama la funzione di validazione JavaScript automaticamente al caricamento della pagina, che consente di testare la funzione. Dopo il test, rimuovere la seconda riga di codice. È quindi possibile chiamare la funzione "validateInput" ogni volta che è necessario per convalidare un numero che un utente ha inserito. Per esempio, dopo che l'utente compila una casella di input e clic su un pulsante, è possibile passare l'input per la funzione "validateInput", che restituirà il valore di "valido". Se il valore è "falso", si visualizza un messaggio di errore che richiede all'utente di inserire un valore numerico.