Il sito per imparare gratuitamente a fare pagine Web

JavaScript Y5
















Y5 - Verificare che siano solo numeri.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name: Andrea Bianchi
Website: Web-Link.it

Descrizione: Potrebbe essere utile controllare che certi campi di un modulo contengano solo numeri, per esempio i campi relativi al numero di telefono o comunque campi che debbano ricevere dati esclusivamente numerici.

Lo script che vi propongo non è come tutti gli altri che basta prenderlo ed incollarlo sulla vostra pagina web, deve essere "adattato" al vostro modulo, non è difficile ma richiede una certa attenzione ai nomi che avrete assegnato al modulo stesso e ai vari campi che lo compongono.


Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

seleziona tutto


Passo 2: Adesso guardate il vostro modulo, con l'attributo name sono stati assegnati dei nomi al modulo stesso e a tutti i campi che lo compongono, o cambiate questi nomi in modo che diventino weblink e telefono oppure sostituite alla riga di codice nello script:

document.weblink.telefono.value

il nome del modulo (weblink) ed il nome del campo telefono (telefono) con i nomi che avete assegnato al vostro modulo.

In poche parole lo script funzionerà soltanto nel caso in cui ci sarà l'esatta corrispondenza di questi due nomi.

Praticamente la variabile test dovrà diventare:
document.nome_del_vostro_modulo.nome_del_vostro_campo.value;

Stessa cosa per l'ultima riga dello script:
document.weblink.telefono.focus()

Quando sostituite weblink e telefono con i vostri nomi, fate attenzione a non cancellare i punti che separano le quattro parole e a non lasciare spazi vuoti.

Se volete verificare il campo numerico subito dopo aver riempito il campo stesso aggiungete questo evento javascript: onblur="validate()" altrimenti potete inserirlo al form con onsubmit="validate()" e sarà verificato nel momento esatto della sua spedizione: qui sotto i due esempi:

Controllo immediato con onblur:


Nome:
Numero di Telefono:
Indirizzo:
oppure


Controllo al momento della spedizione con onsubmit:



Nome:
Numero di Telefono:
Indirizzo:
oppure


Da notare che nel momento in cui lo script rileva un dato non numerico, riporta il cursore del mouse sul campo telefono per consentire la correzione.





Valutazione

Valutazione: 1.06 stelle su 5
N. Voti: (35)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.