Controllo su caratteri inseriti in un input di testo

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Cia atutti ,
posto due funzioncine javascript per inibire l'inserimenti di caratteri non consentiti in un input di testo

I caratteri verranno subito eliminati :evil:

HTML:
<html>
    <head>
        <title>prova</title>
        <script type="text/javascript">
            function char_consentiti(campo) {
                // creo una array per i caratteri consentiti
                var consentiti = new Array(1,2,3,4,5,6,7,8,9,0);
                // recupero il valore del campo
                var valore = campo.value;  
                // ciclo le lettere del valore e le passo all funzione inArray()
                for ( var i = 0; i < valore.length; i++ ) {
                    // se non è un carattere consentito
                    if (!inArray(consentiti, valore.charAt(i))) {
                        // aggiorno il valore del campo
                        campo.value = valore.substring(0, i);
                        // esco
                        return;
                    }   
                }
            }        
            function inArray(array, value) {
                // ciclo l'array passato       
                for (var i = 0; i < array.length; i++) {
                    // se il valore passato è uguale ad uno degli elemnti dell'array
                    if (value == array[i]) {
                        // restituisco vero
                        return true;
                    }
                }
                // restituisco falso
                return false;
            }  
        </script>
    </head>
    <body>
        Telefono : <input type="text" name="telefono" onkeyup="char_consentiti(this)"/>
    </body>
</html>
PS: commenti critiche suggeriementi sono ben accetti
 
Ultima modifica:

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Cia atutti ,
posto due funzioncine javascript per inibire l'inserimenti di caratteri non consentiti in un input di testo

I caratteri verranno subito eliminati :evil:

HTML:
<html>
    <head>
        <title>prova</title>
        <script type="text/javascript">
            function char_consentiti(campo) {
                // creo una array per i caratteri consentiti
                var consentiti = new Array(1,2,3,4,5,6,7,8,9,0);
                // recupero il valore del campo
                var valore = campo.value;  
                // ciclo le lettere del valore e le passo all funzione inArray()
                for ( var i = 0; i < valore.length; i++ ) {
                    // se non è un carattere consentito
                    if (!inArray(consentiti, valore.charAt(i))) {
                        // aggiorno il valore del campo
                        campo.value = valore.substring(0, i);
                        // esco
                        return;
                    }   
                }
            }        
            function inArray(array, value) {
                // ciclo l'array passato       
                for (var i = 0; i < array.length; i++) {
                    // se il valore passato è uguale ad uno degli elemnti dell'array
                    if (value == array[i]) {
                        // restituisco vero
                        return true;
                    }
                }
                // restituisco falso
                return false;
            }  
        </script>
    </head>
    <body>
        Telefono : <input type="text" name="telefono" onkeyup="char_consentiti(this)"/>
    </body>
</html>
PS: commenti critiche suggeriementi sono ben accetti

Ciao criric, buon lavoro,

non volevo quotare, ma dovevo aprire una nuova discussione,

non è meglio utilizzare una Regular Expression per controllare l'inserimento di dati invece che un'Array.

un esempio buttato li ma usa poco codice:


Codice:
<script type="text/javascript">
function controlla(questo){
var re = new RegExp("^[0-9]+$", "");
if (!questo.value.match(re)){ 
questo.value = '';
return false;
}
return true;
}
</script>
</head>
<body>
<input type="text" name="n" onkeyup="controlla(this)">
Valeria.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Sei troppo brava Vale! :fonzie:

le espressione regolari le ho mai digerite

riposto con la modifica
HTML:
<html>
    <head>
        <title>prova</title>
        <script type="text/javascript">
            function char_consentiti(campo) {
                // espressione regolare
                var re = new RegExp("^[0-9]+$", "");
                // recupero il valore del campo
                var valore = campo.value;  
                // ciclo le lettere del valore e le verifico
                for ( var i = 0; i < valore.length; i++ ) {
                    // se non è un carattere consentito
                    if (!valore.charAt(i).match(re)) {
                        // aggiorno il valore del campo
                        campo.value = valore.substring(0, i);
                        // esco
                        return;
                    }   
                }
            }  
        </script>
    </head>
    <body>
        Telefono : <input type="text" name="telefono" onkeyup="char_consentiti(this)"/>
    </body>
</html>
ma se volessi permettere anche la virgola e/o il punto? per un campo prezzo
 

Vale2

Utente Attivo
28 Mag 2006
446
0
0
Livorno
Ciao,

per il . e la , basta aggiungerli nella RegExp

anteceduti dal carattere di escape \

var re = new RegExp("^[0-9\.\,]+$", "");

Valeria
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ottimo! prima o poi le imparerò anchio :byebye: