[SOLUCIONADO] solo poder introducir algunos caracteres en un input con javascript

[maximendez88]

buenas tardes estoy teniendo un problemita, q para algunos quizás sea sencillo pero en este momento no estoy pudiendo resolver. Resulta que tengo un input el cual solo quiero poder introducir un solo caracter y que esos caracteres solo sean : "a","c","p" o "x"... estaba intentando con un código que tengo que solo me permitía escribir números, pero no me esta funcionando, espero que alguien me ayude.... a la brevedad.... dejo el código de la función que estoy intentando sin éxito mas abajo...

Código Javascript:

function algunasletras(e)
    {
    
    var keynum = window.event ? window.event.keyCode : e.which;
    
    if ((keynum == 8) || (keynum == 46)  || (keynum == 65) || (keynum == 67) || (keynum == 80) || (keynum == 88))       
    return true;
    
    //keycode  a=65  c=67 p=80 x=88
    
      return /\d/.test(String.fromCharCode(keynum));
   
    }
 

Código HTML:

<input type="text" maxlength="1" onkeypress="return algunasletras(event);" style="height:15px; width:15px;" />
 

espero una ayudita a la brevedad saludos

[Alexis88]

Si ya estás haciendo una comprobación con las condiciones, ¿por qué evalúas el dato ingresado con una expresión regular? Además, si e es la variable que representa al objeto del evento, trabaja con ella directamente:

Código Javascript:

var keynum = window.event ? e.keyCode : e.which;
 

Por cierto, debería de haber un caso 'si no' para cuando no se cumpla la condición. Un else return false; sería suficiente.

Saludos

[PHPeros]

Eso, y si es por cuestión de compatibilidad deberías hacer primero:

Código Javascript:

var event = e || window.event;
 

Y luego:

Código Javascript:

var keynum = event.keyCode || event.which;
 

[maximendez88]

buenas, muchas gracias por la respuesta
he estado investigando y probando con las respuestas q me dieron y el codigo me quedo algo así

Código Javascript:

function algunasletras(e)
    {
        
    var event = e || window.event;  
    
    var keynum = event.keyCode || event.which;
    
    if ((keynum == 8) || (keynum == 46)  || (keynum == 65) || (keynum == 67) || (keynum == 80) || (keynum == 88))       
    return true;
    
    
    else return false;
 
   
    }
 

ahora me funcionan las letras, pero solo si las mayúsculas están activadas.... hay un keycode para minúsculas en especial??

[Alexis88]

Échale un vistazo a esto. Buscar en Google de vez en cuando, no te hará daño.

Saludos

[maximendez88]

MUCHAS GRACIAS!!! al final lo he logrado.... estuve buscando en google si... pero tenia los codigos mal.... al final este fue mi solución... espero q le sirva a alguien en un futuro... muchas gracias de nuevo... saludos

Código Javascript:

function algunasletras(e)
    {
        
    var event = e || window.event;  
    
    var keynum = event.keyCode || event.which;
    
    if ((keynum == 8) || (keynum == 46) || (keynum==9) || (keynum == 65) || (keynum == 67) || (keynum == 80) || (keynum == 88) ||(keynum==97)||(keynum==112)|| (keynum==99)||(keynum==120))       
    return true;
    
    else return false;
    
    
    }
 

[PHPeros]

Se puede abreviar un poco metiendo todos los números en un array y comprobando con indexOf

[Alexis88]

También podrías hacerlo con una expresión regular y el modificador i:

Código Javascript:

if (!/^[acpx]$/gi.test(String.fromCharCode(keyNum))) event.preventDefault();
 

Si el valor transformado a caracter de la tecla pulsada no se encuentra en el grupo delimitado por los corchetes ni en mayúscula ni en minúscula, evitas el comportamiento natural del evento, que sería el de imprimir el caracter en el campo de texto.

Saludos