[javascript] Strano errore su controllo carattere in input box

[sevenjeak]

Salve.

Sto provando ha fare, con Javascript, una funzione che permette all'utente di inserire solo caratteri numerici in un campo, ho provato scrivendo questo codice:

<script type="text/javascript">
   function isInt(element)
   {
      if(!parseInt(element.value)) {
           alert("No int");
      }
   }
</script>

<input type="text" onkeydown="isInt(this);" />

Ma l'effetto non è come lo vorrei, cioè, la if mi si esegui quando il carattere scritto è intero.

Ho provato anche a scrivere in questo modo ma l'if non mi si esegue mai:

<script type="text/javascript">
   function isInt(element)
   {
      if(!parseInt(element.value)) {
           alert("No int");
      }
   }
</script>

<input type="text" onkeydown="isInt(this);" />

Qual'è il problema? sono io che sbaglio ad utilizzare la funzione?

[karl94]

Sì, la funzione parseInt converte tutti i caratteri che rappresentano cifre in numero, se poi dopo le cifre aggiungi altri simboli, la funzione gli ignora semplicemente. Per fare questo controllo ti conviene usare le espressioni regolari. La specifica che descrive le regole del javascript la trovi qui, la descrizione di parseInt è nella sezione 15.1.2.2.

[sevenjeak]

In poche parole dovrei utilizzare la funzione parseInt(), ma no in questo modo? o dovrei semplicemente utilizzare gli espressioni regolari?

Ho letto la guida postata da te, ma purtroppo capisco poco la lingua inglese, potresti farmi un piccolo esempio?

P.S.: Nel secondo codice che ho postato ho sbagliato ha scrivere la condizione, visto che è lo negata al posto di affermarla.

[slavettosoft]

questo ti potrebbe servire:

http://www.htmlcodetutorial.com/form...msupp_158.html

[sevenjeak]

Il link non si vede.

[karl94]

Puoi fare così:

function isInt(string){
    return /*scegli una regexp*/.test(string);
}
/*
/^\d+$/    (la stringa è composta da una o più cifre)
/^\d*$/    (la stringa è composta da zero o più cifre)
/^[+-]?\d+$/    (la stringa è composta da una o più cifre, preceduta o meno dal segno (+ o -))
*/

Se non c'è quello che ti serve, descrivi quando la funzione deve restituire true e quando deve restituire false.

[sevenjeak]

Ho modifica la mia funzione in questo modo:

function isInt(element)
{
    var myre = /^\d*$/;
	
	return myre.test(element.value);
}

Dall'espressione data dovrebbe restituire true se il campo è vuoto è se contiene qualunque cifra, vero?

Cmq, provando ha stampare il risultato in questo modo:

alert(isInt(this)

Ovviamente specificata nell'attributo onkeydown dell'input box, ma se nell'input box inserisco sia numeri che lettere mi restituisce sempre true, Dovrei usare un'altra espressione regolare o sbaglio qualche altra cosa?

P.S.: Scusa, ma gli espressione regolari proprio non le capisco

[karl94]

Tutto quello che hai scritto è corretto, forse hai sbagliato qualcos'altro, puoi postare il codice o l'indirizzo della pagina?

[sevenjeak]

La pagina la sto provando in locale, cmq l'intero codice e questo:

function isInt(element)
{
    var myre = /^\d*$/;
	
	return myre.test(element.value);
}

<input type="text" onkeydown="alert(isInt(this));" />

[karl94]

Se tu esegui la funzione all' attivazione dell'evento onkeydown, il tasto che stai premendo non ha ancora modificato la proprietà value, devi usare al suo posto onkeyup.