Tema: ejecutar una funcion con addEventListener
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 17/03/2016, 02:50
mensajeescrito
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años
Puntos: 5
Respuesta: ejecutar una funcion con addEventListener
Gracias Alexis88, la verdad es que desconocía lo de la función anónima manejadora para solucionar esto.

Pero sigue sin funcionar, no entiendo la razón.

Mejor te pongo tal y como lo tengo a ver si me puedes guiar mas exactamente, mira:

En el archivo 1 (donde está el formulario):

Código HTML: 
Ver original
  1. <form name="formularioRegistrarse" id="formularioRegistrarse" method="post" 
  2.         
  3.         action="opcs/opc_registro/validar_formulario_registrarse.php"> 
  4.                 
  5.             
  6.                 <input type="text" name="nombre" id="Nombre" placeholder="Nombre" />
  7.  
  8.                 <!--onkeypress="return miClaseValidar.alfaNumerico(event, 'car');"--> 
  9.  
  10.         </form>


En el archivo 2 tengo:

Código Javascript: 
Ver original
  1. document.getElementById("Nombre").addEventListener("keypress", function(event){
  2.         miClaseValidar.alfaNumerico(event, "car");
  3.     }, false);
  4.  
  5.  
  6. var miClaseValidar = {
  7.  
  8. /*PERMITIR A ALGUNAS CAJAS ADMITIR VALORES NUMERICOS, LETRAS O AMBAS COSAS.........................*/
  9.  
  10.      alfaNumerico: function (elEvento, permitidos) {
  11.         
  12.           // Variables que definen los caracteres permitidos
  13.           var numeros = "0123456789";
  14.           var caracteres = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
  15.           var caracteres_espacio = " abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
  16.           var caracteresPlus = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ@-_"; 
  17.               
  18.           var numeros_caracteres = numeros + caracteres;
  19.           var caracteres_espacio = caracteres_espacio;  
  20.           var numeros_caracteres_plus = numeros + caracteres + caracteresPlus;            
  21.           var teclas_especiales = [8, 37, 39, 46];
  22.           // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha
  23.         *
  24.         
  25.           // Seleccionar los caracteres a partir del parámetro de la función
  26.           switch(permitidos) {
  27.             case 'num':
  28.               permitidos = numeros;
  29.               break;
  30.               
  31.             case 'car':
  32.               permitidos = caracteres;
  33.               break;
  34.               
  35.             case 'num_car':
  36.               permitidos = numeros_caracteres;
  37.               break;
  38.  
  39.             case 'car_espacio':
  40.               permitidos = caracteres_espacio;
  41.               break;
  42.  
  43.             case 'num_car_plus':
  44.               permitidos = numeros_caracteres_plus;
  45.               break;              
  46.           }
  47.         *
  48.           // Obtener la tecla pulsada
  49.           var evento = elEvento || window.event;
  50.           var codigoCaracter = evento.charCode || evento.keyCode;
  51.           var caracter = String.fromCharCode(codigoCaracter);
  52.         *
  53.           // Comprobar si la tecla pulsada es alguna de las teclas especiales
  54.           // (teclas de borrado y flechas horizontales)
  55.           var tecla_especial = false;
  56.           for(var i in teclas_especiales) {
  57.             if(codigoCaracter == teclas_especiales[i]) {
  58.               tecla_especial = true;
  59.               break;
  60.             }
  61.           }
  62.         *
  63.           // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
  64.           // o si es una tecla especial
  65.           return permitidos.indexOf(caracter) != -1 || tecla_especial;
  66.           
  67.     } //fin function alfaNumerico   
  68.  
  69. } //fin de miClaseValidar