Problema tabulación y borrado al restringir input

[benz0]

Buenas, tengo el siguiente problema:

Utilizo un javascript para restringir determinados caracteres en un input:

Código:

function letras1(e) { 
    tecla = (document.all) ? e.keyCode : e.which; 
    if (tecla==8) return true;  
    patron =/[A-Z óòéèáàúùíìÁÀÉÈÍÌÓÒÚÙ´`ÑñçÇa-z]/;
   te = String.fromCharCode(tecla);
   return patron.test(te);  
}

El caso que este código funciona bien, lo único que no me funciona es la tabulación ni el botón Suprimir.

Lógicamente estos botones los tengo que añadir en patron como permitidos, pero ...

¿ como se definen estas teclas en javascript ?

Muchas gracias.

[derkenuke]

Hola:

La tabulación en una expresión regular se escribe normalmente como \t, pero en este caso String.fromCharCode() para la tabulación no te va a devolver una cadena que coincida con la expresión regular \t (por lo menos en firefox, su valor para tecla es 0, y escape(String.fromCharCode(0)) da un hexadecimal cero %00 ).

Así que basta con dejar pasar el cero, tal y como dejamos pasar el 8:

Código PHP:

  <input type="text" id="caja" /> 
<input type="text" /> 
 
<script type="text/javascript"> 
<!-- 
 
// document.getElementById abreviado 
function $(x) { return document.getElementById(x); } 
 
function letras1(evt) {  
    var tecla = (document.all) ? event.keyCode : evt.which;  
    if ( (tecla==8) || (tecla==0) ) return true; 
    var patron =/[A-Z ÁÀÉÈÍÌÓÒÚÙ´`ÑÇ]/i; 
    var te = String.fromCharCode(tecla); 
    return patron.test(te); 
} 
 
$("caja").onkeypress = letras1; 
 
 
// --> 
</script>  
   

Para el botón suprimir no he encontrado problemas tampoco, y para IE tampoco. Por cierto, te he mejorado la validación de la variable tecla a su forma más correcta. También te faltaban muchos var (aunque no se si el código estaba embebido en uno más grande, pero sería más comodo que patron fuese global). A patron también le he dado cambios para que sea case insensitive, más cómodo.

Por último comentar el código entre <script> y </script> y olvidarnos del atributo language


Un saludo y espero que así te funcione bien

[benz0]

Un 10 para tí.

Sí, se me olvidó decir que el problema era con Firefox. Pero con tu código funciona perfectamente en cualquier navegador.


Una cuestión, he probado a quitar las líneas en negrita y funciona también, ¿ no son necesarias verdad ?

Código:

// document.getElementById abreviado
function $(x) { return document.getElementById(x); }

function letras1(evt) { 
    var tecla = (document.all) ? event.keyCode : evt.which; 
    if ( (tecla==8) || (tecla==0) ) return true;
    var patron =/[A-Z ÁÀÉÈÍÌÓÒÚÙ´`ÑÇ]/i;
    var te = String.fromCharCode(tecla);
    return patron.test(te);
}

$("caja").onkeypress = letras1; 

Muchas gracias derkenuke, usuarios como tú hacen grande al foro.

[derkenuke]

De nada

Pero creo que me olvidé de cambiar la validación en la variable tecla, no sé por qué:

Código PHP:

  var tecla = (window.event) ? window.event.keyCode : evt.which;  
   

Lo que hacemos es comprobar si se soporta window.event para utilizarlo o no, porque aunque sepamos que document.all lo soporta IE, y IE también soporta window.event, no podemos hacer esa argumentación para todos los casos. Por ejemplo si hubiera un navegador que soportase document.all y no window.event (no conozco este mismo caso) entonces el script puede que fallase.


Era sólo un apunte.

Iniciado por benz0

Una cuestión, he probado a quitar las líneas en negrita y funciona también, ¿ no son necesarias verdad ?

Es posible que estés trabajando con una librería de javascript que tenga ya definida esa función y haga lo mismo (prototype, por ejemplo). En ese caso es mejor que elimines la definición de la función $() creada por mí. Sólo es que me gusta que los scripts que posteo se puedan probar completos y que estén definidos totalmente.


Un saludo.