Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/11/2014, 08:58
freddy644
 
Fecha de Ingreso: marzo-2007
Mensajes: 17
Antigüedad: 17 años, 1 mes
Puntos: 0
Respuesta: Acción del botón "submit" por defecto

Cita:
Iniciado por Alexis88 Ver Mensaje
Toma a todos los <input type = "text"> del formulario y asigna una función por cada vez que se pulse una tecla en cualquiera de dichos elementos. Si el código ASCII de la tecla pulsada es igual a 13 que corresponde al de la tecla ENTER, cancelas el evento con el método [URL="https://developer.mozilla.org/es/docs/DOM/event.preventDefault"][inline]preventDefault[/inline][/URL].

Código Javascript:
Ver original
  1. var inputs = document.querySelectorAll("form [type=text]");
  2. [].forEach.call(inputs, function(input){
  3.     input.addEventListener("keypress", function(event){
  4.         var code = event.keyCode || event.which;
  5.         if (code == 13) event.preventDefault(); //Cancelo el envío
  6.     });
  7. });

En lugar de la estructura [URL="https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/forEach"][inline]forEach[/inline][/URL], puedes usar un bucle for tradicional, o puedes implementar el algoritmo que se explica [URL="https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/forEach#Compatibility"]aquí[/URL] para que no tengas problemas de compatibilidad con navegadores antiguos.

Saludos
Yo soy primerizo en el desarrollo web y no tengo conocimientos de javascript, sin embargo he podido evitar la activación del botón enviar mediante la desactivación del mismo, pero al final me toca activarlo y pasa que al realizar el último ingreso se activa el botón enviar...

Ese código que publicaste sirve para evitar que se ejecute la función del botón enviar???