Transformar "buttom" a submit

dariones · #1 (**permalink**) 15/05/2009, 20:57

Código HTML:

<html>
<head>
<title>Contraseña sencilla 3</title>

<p align="center"><b>Contraseña sencilla 3</p><br>

</b>
</head>
<body>

<script LANGUAGE="JavaScript">

function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="miembro1" && password=="contraseña1") { window.location="hola.html"; done=1; }
if (username=="miembro2" && password=="contraseña2") { window.location="hola.html"; done=1; }
if (username=="miembro3" && password=="contraseña3") { window.location="hola.html"; done=1; }
if (done==0) { alert("Nombre de usuario y/o contraseña no válidos"); }
}

</script>

<center>
<form name="login">
  <table width="288" border="1" cellpadding="3">
    <tr>
      <td colspan="2" width="242"><center>
      <p><font size="+2"><b>Área de miembros</b></font></p>
      </center></td>
    </tr>
    <tr>
      <td width="114"><font size="2">Nombre de usuario:</font></td>
      <td width="150"><input type="text" name="username" size="20"></td>
    </tr>
    <tr>
      <td width="114"><font size="2">Contraseña:</font></td>
      <td width="150"><input type="text" name="password" size="20"></td>
    </tr>
    <tr>
      <td colspan="2" align="center" width="242">
      <input type="button" value="Verificar" onClick="Login()"></td>
    </tr>
  </table>
</form>
</center>
<p></p>
<center>
<p>&nbsp;</p>
</center>
<p></p>
<!-- Script Size:  1.60 KB  -->

</body>

</html>

Hola amigos...

Me podrían decir cómo quedaría el codigo puesto arriba transformandolo a submit... es que no funciona la tecla enter.
Gracias de antemano.

zerokilled · #2 (**permalink**) 15/05/2009, 22:20

evidentemente la forma mas facil seria agregar un input tipo submit. si esa opcion no te es posible, en alguna parte de la funcion Login tendrias que llamar el metodo submit del formulario. en este caso tendrias que sustituir cada linea window.location="hola.html"; por document.login.submit(); y asignarle un action al formulario.

@edit: me olvide del tema del enter. para ello es necesario que el boton submit exista. en todo caso no es factible cambiar el tipo de boton porque el navegador MSIE no lo permitira.

dariones · #3 (**permalink**) 16/05/2009, 09:10

Cita:

Iniciado por zerokilled

evidentemente la forma mas facil seria agregar un input tipo submit. si esa opcion no te es posible, en alguna parte de la funcion Login tendrias que llamar el metodo submit del formulario. en este caso tendrias que sustituir cada linea window.location="hola.html"; por document.login.submit(); y asignarle un action al formulario.

@edit: me olvide del tema del enter. para ello es necesario que el boton submit exista. en todo caso no es factible cambiar el tipo de boton porque el navegador MSIE no lo permitira.

Amigo, la verdad es que intentado varias cosas. Me podrías colocar cómo quedaria el código. Te lo agradecería mucho!!

zerokilled · #4 (**permalink**) 16/05/2009, 10:39

he estado siguiendo un tema originado por ti y encuentro que los topicos son relacionados. todavia no comprendo como has dado en tema de javascript sin antes entender html.

comencemos por sustituir el tipo de boton de button a submit. con este cambio logramos que al presionar enter en cualquiera de los campos se genere el evento submit o lo mismo que envio de formulario.