Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript

Evitar enviar un formulario al pulsar la tecla "Enter"

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: 43409 - 17-06-2007 19:44:32
NO CONTIENE ARCHIVO DESCARGABLE
CODIGO
Codigo probado en Internet Explorer 4++Codigo probado en Mozilla FirefoxCodigo probado en NetscapeCodigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org
<head>
<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>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="textfield" />
<input name="Enviar" type="submit" id="Enviar" value="Submit" />
</form>
</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
Celia
El código me fue muy útil...Gracias
martin 20-12-2007 23:32:10
<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>
oscar 18-07-2007 14:01:05
SUPER ÚTIL!
GRACIAS POR EL CODIGO
frank 16/02/2004 13.25.16
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
xt3rran
Excelente código lo mejor q es multi-navegador
Saludos
Sin definir
gracias, me ha ido muy bien, la información es muy clara y precisa
Guillermo 24/01/2007 21.54.46
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>
lguru
Un código magnífico y muy eficiente.

Un saludo y muchas gracias.
miguel 21-11-2007 14:50:03
Cojonudo, debería usarse siempre esta práctica para evitar que pasen ciertos controles que podamos poner en el botón de submit. Gracias!
alex 09/08/2005 16.59.46
Funciona PERFECTO!!!!
fito
hey gracias por el aporte maestro!!
fito
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!!!
juancar
COJONUDO NO AHI MAS PALABRAS MIL GRACIAS
Guillermo 24/01/2007 21.54.46
Muchisimas Gracias...
Espero pagar por la ayuda.
vaze
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!
loco en el coco
SEVERO CODIGO DE HACE MAS DE 3 AÑOS Y ME HA SERVIDO AL PELO...
pjyac
Buenísimo el código, mil gracias
Arianna
Muchas gracias, ya había dado muchas vueltas, es justo lo que necesitaba!
Truck
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.