Foros del Web - Ver Mensaje Individual - Cómo hacer que un botón de un formulario funcione al pulsar enter

emprear · #6 (**permalink**) 12/03/2012, 10:20

No funciona seguramente porque estas navegando con IE8, es un bug bastante viejo.

Una posible solución, pero te aclaro que depende un poco de que es lo que estés intentando hacer, ya que entre otras cosas tu form no tiene un action definido

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function Saltar(){
var clave   = document.getElementById("palclave").value;
alert(clave);
return false;
}
 
function Saltar2(msj){
alert(msj);
return false;
}
 
//]]>
</script>
</head>
<body>
<form action="procesar.php" id="form1" onsubmit="return Saltar();">
<p><input type="password" name="palclave" size="25" value="" id="palclave"/>
<input type="submit" value="Acceder" id="enviar" onclick="Saltar2('hola');" />
</p>
</form>
</body>
</html>

Comportamiento
Si hacés click en "acceder", en todos los navegadores te ejecuta las dos funciones, si pones el foco en el campo "palclave" y presionas ENTER, en todos los navegadores menos en ie8/7 te ejecuta las dos funciones, en ie8/7 solo la función Saltar(), que es la que está definida en el evento onsubmit() del form.
Tenés que decidir cual método usar y si devolver un false ó no en las funciones, harían falta más datos para ver que te conviene.
Saludos