Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Javascript
Code

Javascript - Evitar enviar un formulario al pulsar la tecla "Enter"

Códigos Javascript

Cuando ofrecemos formularios en nuestras paginas, hay veces que el visitante pulsa la tecla Enter o Intro, y se envia el formulario. Este codigo evita que se envie el formulario, solo puede enviarse si se pulsa el boton en enviar.
Visitas: 45,772 - 17-06-2007 19:44:32
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org

  1. <head>
  2. <script language=javascript type=text/javascript>
  3. function stopRKey(evt) {
  4.    var evt = (evt) ? evt : ((event) ? event : null);
  5.    var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  6.    if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
  7. }
  8. document.onkeypress = stopRKey;
  9. </script>
  10. </head>
  11. <body>
  12. <form id="form1" name="form1" method="post" action="">
  13.   <input type="text" name="textfield" />
  14.   <input name="Enviar" type="submit" id="Enviar" value="Submit" />
  15. </form>
  16. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Evitar enviar un formulario al pulsar la tecla "Enter"" href="http://www.tutores.org/codigo/1671/" target="_blank">Evitar enviar un formulario al pulsar la tecla "Enter"</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
Celia
4 5
El código me fue muy útil...Gracias
Comentario usuario
20-12-2007 23:32:10
3 5
<form id="form1" name="form1" method="post" action="" onSubmit="return false">
<input type="text" name="textfield" />
<input name="Enviar" type="submit" id="Enviar" value="Submit" onClick="submit()"/>
</form>
Comentario usuario
18-07-2007 14:01:05
4 5
SUPER ÚTIL!
GRACIAS POR EL CODIGO
Comentario usuario
16/02/2004 13.25.16
5 5
Muy bueno el codigo, es justo lo que estaba buscando, Mi problema era que al enviar un codigo php este solo se ejecutaba con exito al hacer click en un button y no al pulsar enter, ahora que desabilite el enter todo esta ok

saludos
Comentario usuario
xt3rran
4 5
Excelente código lo mejor q es multi-navegador
Saludos
Comentario usuario
Sin definir
3 5
gracias, me ha ido muy bien, la información es muy clara y precisa
Comentario usuario
24/01/2007 21.54.46
3 5
Perfecto!
Solo hay que pegar esto:
<script language=javascript type=text/javascript>
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}
document.onkeypress = stopRKey;
</script>
Comentario usuario
lguru
5 5
Un código magnífico y muy eficiente.

Un saludo y muchas gracias.
Comentario usuario
21-11-2007 14:50:03
4 5
Cojonudo, debería usarse siempre esta práctica para evitar que pasen ciertos controles que podamos poner en el botón de submit. Gracias!
Comentario usuario
09/08/2005 16.59.46
2 5
Funciona PERFECTO!!!!
Comentario usuario
fito
3 5
hey gracias por el aporte maestro!!
Comentario usuario
fito
3 5
Pregunta???
alguien sabes como eliminar los null en un formulario jsp es q cuando lleno el formulario con checkbox y darle enviar, en la siguiente pag me aparecen los datos q he ingresado pero los q no los he marcado me aparecen con null, null, null...

me pueden ayudar!!!
Comentario usuario
juancar
5 5
COJONUDO NO AHI MAS PALABRAS MIL GRACIAS
Comentario usuario
24/01/2007 21.54.46
3 5
Muchisimas Gracias...
Espero pagar por la ayuda.
Comentario usuario
vaze
5 5
Mil gracias. Mi problema era que necesitaba ejecutar una función, pero acto seguido, el navegador mandaba el form y no tenía todos los datos.

La clave ha sido poner { funcion(); return false; }

Un saludo!
Comentario usuario
loco en el coco
1 5
SEVERO CODIGO DE HACE MAS DE 3 AÑOS Y ME HA SERVIDO AL PELO...
Comentario usuario
pjyac
5 5
Buenísimo el código, mil gracias
Comentario usuario
Arianna
2 5
Muchas gracias, ya había dado muchas vueltas, es justo lo que necesitaba!
Comentario usuario
Truck
4 5
Gracias, estaba pegado hace como un mes con este problema.
Saludos!
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.