Tutorial Javascript - Accettare solo numeri nel campo di input
  WebSpazio.it
Webspazio.it - Tutorial Javascript
Accettare solo numeri nel campo di input


Obiettivo dello script: Creeremo un form che accetta solo numeri nel campo di input.

 

Prima di leggere questo tutorial vi consiglio di leggere, se non lo avete ancora fatto, il tutorial per controllare il tasto premuto sulla tastiera.

Vi sarà utile perchè in questo tutorial utilizzaremo la funzione getkey() già incontrata in quell'altro.

Codice della funzione javascript getkey() che determina e restituisce il tasto premuto in codice ASCII:

<SCRIPT TYPE="text/javascript">
<!--
function getkey(e)
{
if (window.event)
   return window.event.keyCode;
else if (e)
   return e.which;
else
   return null;
}
//-->
</SCRIPT>
La funzione sopra restituisce il codice ASCII del tasto premuto.

La funzione "caratteriok" è il nucleo di questo script, viene richiamata in seguito alla pressione di un tasto, e le vengono passati i caratteri che deve accettare nell'input:

<SCRIPT TYPE="text/javascript">
<!--
function caratteriok(e, goods)
{
var key, keychar;
key = getkey(e);
if (key == null) return true;

// get character
keychar = String.fromCharCode(key);
keychar = keychar.toLowerCase();
goods = goods.toLowerCase();

// check goodkeys
if (goods.indexOf(keychar) != -1)
	return true;

// control keys
if ( key==null || key==0 || key==8 || key==9 
    || key==13 || key==27 )
   return true;

// else return false
return false;
}
//-->
</SCRIPT>
La funzione sopra richiama getkey() per conoscere il codice ascii del carattere premuto, e utilizza questo codice per fare i suoi controlli.

Codice della finesta di input:

<INPUT NAME=INT onKeyPress="return caratteriok(event,
                      '0123456789')">

Prova il codice presentato sopra

Inserisci caratteri nella casella di testo sotto, saranno accettati solo se sono numeri.




  


Partner: sms gratisInviaresmsgratis.it si propone come punto di riferimento per gli utenti che cercano siti internet per inviare sms gratis.

      SMS Gratis

trading onlineGuidatradingonline.com propone una guida al trading online, azioni, mercati azionistici, finanza online, indizi di borsa, grafici indici azioni .

      Trading online

zoologiazoologia-animali.com propone una guida alla zoologia e animali, specie animali suddivise per categorie, guida scentifica animali ed esseri viventi del regno animale

       Zoologia

directory gratisYoweb.it è una directory ricca di categorie con siti selezionati da editori per trovare velocemente e gratis.

       Directory Gratis

Home | Computer & Internet | Sviluppare Sito Web | Promuovere Sito Web | Mappa del Sito | Altri Siti | Contatti

Copyright © webspazio.it
Designed by webspazio.it