Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Magazine di tecnologie
Magazine di viaggio e turismo
Magazine di musica e spettacoli
Negozio di Informatica
Basilicata turismo
Food e territori
Agenzia di comunicazione turistica e Digital PR

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: medio  
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
 

Verifica del numero di telefono

Arretrati lista "Una demo Dhtml a settimana"
CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Javascript

COMPATIBILITÀ: Ms Ie, Netscape, Opera
FILES ESTERNI: Nessuno
Visualizza la demo
Scarica la demo

L'esempio di questa settimana è tratto dalla categoria "Utilities e varie" dell'archivio di demo Dhtml di Risorse.net, che raccoglie il maggior numero di esempi: ben 63 su un totale di 267.
Si può ben comprendere quindi l'importanza e la diffusione di questi esempi nel panorama Web italiano.
L'esempio di questa settimana è uno strumento di verifica dei numeri di telefono italiani ed è stato realizzato dal bravissimo Claudio Corrado di Torino.

<script language="JavaScript">
// Funzione per la verifica dei codici. Viene prima verificato l'ABI. In caso
// di errore non viene verificato il CAB.
function verif() {
// Qui vengono preparate le variabili per il conteggio degli errori di inserimento
// e per abbreviare i riferimenti al form. abc è la variabile per la verifica dei
// caratteri non consentiti nell'inserimento.
err=0
num=document.form1.insnum
abc="abcdefghijklmnopqrstuvwxyz"
// Il controllo è composto da 2 cicli for. Il primo conta i caratteri di abc
// mentre il secondo conta i caratteri dell'inserimento. L'if viene ripetuto
// 200 volte (25*8) per confrontare ogni carattere inserito con quelli
// contenuti in abc.
for(a=0;a<25;a++) {
for(b=0;b<8;b++) {
if(abc.charAt(a)==num.value.charAt(b)) {
// err corrisponde al numero di errori riscontrati nel dato inserito.
err++
}
}
}
// Verifica la presenza dello 0 nel primo e nel secondo carattere inseriti
// Il primo 0 deve essere sempre presente, il secondo mai (numeri internazionali=00)
if(num.value.charAt(1)=="0" | num.value.charAt(0)!="0") {
err++
}
// Se vi sono errori l'utente viene informato e il campo insnum sul form selezionato.
if(err!=0) {
alert("Numero errato. Inseriti "+err+" caratteri non validi")
num.select()
}
// L'utente viene informato che non vi sono errori.
if(err==0) {
alert("Inserimento corretto")
location.reload()
}
}
</script>


Il Javascript appena esaminato va inserito tra i marcatori <HEAD></HEAD> della pagina. All'interno dello stesso, preceduti dai segni di commento //, sono presenti le puntualizzazioni e le spiegazioni alla sintassi introdotti dallo stesso autore.
Il form per l'immissione del numero di telefono (compreso del prefisso) va invece inserito nel <BODY>:

<body onLoad="document.form1.insnum.focus()">

<h2> Verifica di un numero di telefono italiano </h2>
<p>Inserisci il numero di telefono compreso il prefisso senza spazi o punteggiatura
<form name="form1">
Numero <input type="text" name="insnum" size=12 maxlength=12><br><br>
<input type="button" value="verifica" onClick="verif()">
</form>
</body>


E' importante ricordarsi l'evento onLoad=document.form1.insnum.focus() all'interno del marcatore <BODY>.

Per qualsiasi dubbio, puoi scrivere sul Forum di Risorse.net, all'indirizzo www.risorse.net/community/forum

L A   C O M U N I T A `   D I   R I S O R S E . N E T
Per accedere alle sezioni protette di Risorse.net (Forum, Newsgroup, sezione password dell'archivio Dhtml ecc.) devi essere iscritto alla Comunità. L'iscrizione è gratuita e viene garantita la tutela della privacy (675/96). Visita www.risorse.net/community.
 

 
 
Home > dhtml > teoria > 2001 > aprile > ...   © 1999-2018 Risorse.net, tutti i diritti riservati