funzione generica controllo numerico

**creamer** · 14-09-2009, 08:52

Salve, ho un form con dei campi da controllare se hanno un valore numerico. Vorrei utlizzare una funzione che vada bene per tutti i campi in questione e non solo per un singolo campo.
La funzione è questa:

function controllanumero(num)
{
numero = num.getElementsByTagName("input").value;
if (isNaN(numero))
{
alert("Inserire un numero positivo!");
numero="";
num.getElementsByTagName("input").focus();
}

}

La chimata alla funzione:

<label for="kw">KW<input name="kw" id="kw" size="4" maxlength="200" type="text" onBlur="controllanumero(this);" ></label>

Funziona ma poi il campo non si pulisce e il focus non ritorna. Dove sbaglio ?
Grazie

**cavicchiandrea** · 14-09-2009, 10:00

Premesso che facendo il controllo con evento onblur (cioè alla perdita del fuoco del oggetto) non tutti i browser si comporteranno alla stessa maniera passando il il fuoco all'oggetto abbandonato, che io sappia non c'è soluzione.

codice:

function controllanumero(num) 
{
numero = document.getElementById(num).value;
if (isNaN(numero)) 
{ 
alert("Inserire un numero positivo!");
numero="";
document.getElementById(num).focus();
} 

}

**creamer** · 16-09-2009, 11:02

Originariamente inviato da cavicchiandrea
Premesso che facendo il controllo con evento onblur (cioè alla perdita del fuoco del oggetto) non tutti i browser si comporteranno alla stessa maniera passando il il fuoco all'oggetto abbandonato, che io sappia non c'è soluzione.

codice:

function controllanumero(num) 
{
numero = document.getElementById(num).value;
if (isNaN(numero)) 
{ 
alert("Inserire un numero positivo!");
numero="";
document.getElementById(num).focus();
} 

}

Non accade niente inserendo questa funzione nè usando il browser Firefox, nè IE

Un altro suggerimento, per favore ?

**Enzaccio** · 16-09-2009, 11:46

Originariamente inviato da creamer
Funziona ma poi il campo non si pulisce ... Dove sbaglio ?

Intanto, scrivendo numero=""; fai assumere valore vuoto alla variabile numero ma non significa che lo fai avere come Valore di value a quell' Elemento input type="text"

Prova a sostituire con:

num.getElementsByTagName("input").value = "";

Bisognerà poi tener conto di quanti Elementi input ci sono nel FORM, poiché:

getElementsByTagName("input")

restituisce un Array (una Collection) di tutti gli Elementi INPUT che trova.

**creamer** · 16-09-2009, 12:46

Originariamente inviato da Enzaccio
Intanto, scrivendo numero=""; fai assumere valore vuoto alla variabile numero ma non significa che lo fai avere come Valore di value a quell' Elemento input type="text"

Prova a sostituire con:

num.getElementsByTagName("input").value = "";

Bisognerà poi tener conto di quanti Elementi input ci sono nel FORM, poiché:

getElementsByTagName("input")

restituisce un Array (una Collection) di tutti gli Elementi INPUT che trova.

Niente da fare, il campo non viene pulito.
Possibile che debba creare una funzione per ogni campo da controllare ?

**Enzaccio** · 16-09-2009, 15:27

( sono stato un po' frettoloso e confuso, prima ... )

Dacché alla funzione passi l' identificazione dell' Elemento col this non servono ulteriori getElements ...
Questo funziona:

codice:

<html>
<head>

<script type="text/javascript">

 function controllanumero(num)
 {
 numero = num.value;
   if (isNaN(numero) || num.value == "")
   {
      alert("Inserire un numero positivo!");
      num.value = "";
   }
 num.focus();

 }

</script>

</head>
<body>

<label for="kw">KW <input name="kw" id="kw" size="4" maxlength="200" type="text" onBlur="controllanumero(this);" ></label>

</body>
</html>

con eccezione del .focus(); anche se posizionato a fine funzione; probabilmente va in conflitto col ONBLUR, risponde invece ad un ONCLICK.

**creamer** · 16-09-2009, 15:51

Originariamente inviato da Enzaccio
( sono stato un po' frettoloso e confuso, prima ... )

Dacché alla funzione passi l' identificazione dell' Elemento col this non servono ulteriori getElements ...
Questo funziona:

codice:

<html>
<head>

<script type="text/javascript">

 function controllanumero(num)
 {
 numero = num.value;
   if (isNaN(numero) || num.value == "")
   {
      alert("Inserire un numero positivo!");
      num.value = "";
   }
 num.focus();

 }

</script>

</head>
<body>

<label for="kw">KW <input name="kw" id="kw" size="4" maxlength="200" type="text" onBlur="controllanumero(this);" ></label>

</body>
</html>

con eccezione del .focus(); anche se posizionato a fine funzione; probabilmente va in conflitto col ONBLUR, risponde invece ad un ONCLICK.

Il problema è Firefox, l'evento Onblur non lo gestisce come dovrebbe, dato che con IE funziona tutto correttamente, grazie a tutti coloro che si sono interessati.

Discussione: funzione generica controllo numerico

Strumenti discussione

Ricerca discussione

Visualizza

funzione generica controllo numerico

Dichiarazione VARiabile; Valorizzazione VAR; Assegnazione;

Re: Dichiarazione VARiabile; Valorizzazione VAR; Assegnazione;

Permessi di invio