[SOLUCIONADO] Usar tecla "Enter" en una formulario

[Philipmarlowe]

Hola Gente, estoy usando este script y me gustaría que al presionar la tecla "Enter" funcione. ¿alguien sabe como?

Código:

<script>
function usrpas(){
if (document.form1.num.value=="1234"){window.location="nombre.htm"}
else {alert("Error en Contraseña. Intenta de nuevo.")}
}
document.oncontextmenu=new Function("return false");
</script> 
<form name="form1">
<input type="text" name="num"> Contraseña<br>
<input type="button" value="entrar" onsubmit="usrpas()">
</form>

[IsaBelM]

este te ayudará

[GeekGirl]

Querés que se ejecute esa función al apretar enter? Deberías hacer algo como esto:

Código Javascript:

document.onkeyup = function(e) {
    var evt = e || window.event;
    var charCode = evt.keyCode || evt.which;
 
    if (charCode == 13) {
        usrpas();
    }
}
 

Aunque me parece que lo que querés es que se envíe el formulario al apretar enter no?
Si es así cambia tu input de tipo button por tipo submit :)

Código HTML:

<input type="submit" value="entrar"  /> 

Y el onsubmit lo asocias directamente al formulario:

Código HTML:

<form name="form1" onsubmit="usrpas()"> 

[Philipmarlowe]

Iniciado por GeekGirl

Querés que se ejecute esa función al apretar enter? Deberías hacer algo como esto:

Código Javascript:

document.onkeyup = function(e) {
    var evt = e || window.event;
    var charCode = evt.keyCode || evt.which;
 
    if (charCode == 13) {
        usrpas();
    }
}
 

Aunque me parece que lo que querés es que se envíe el formulario al apretar enter no?
Si es así cambia tu input de tipo button por tipo submit :)

Código HTML:

<input type="submit" value="entrar"  /> 

Y el onsubmit lo asocias directamente al formulario:

Código HTML:

<form name="form1" onsubmit="usrpas()"> 

Así decís:

Código:

<script>
function usrpas(){
if (document.form1.num.value=="1234"){window.location="home.htm"}
else {alert("Error en Contraseña. Intenta de nuevo.")}
}
document.oncontextmenu=new Function("return false");
</script> 
<form name="form1" onsubmit="usrpas()"> 
<input type="text" name="num"> Contraseña<br>
<input type="submit" value="entrar">
</form>

? no me funciona..

[GeekGirl]

Qué es lo que no funciona? Probé enviar un valor vacío y muestra el alert sin problemas.

[IsaBelM]

aún alertando, si no usas return, el form será enviado

[GeekGirl]

Si, eso lo tengo en claro. Pero el problema planteado en esta pregunta era que el enter no activaba el formulario y así como indiqué tendría que andar sin problemas.

De ahí mi intriga.

[IsaBelM]

no crees que posible que no tenga los mismos conocimientos que tú, y al ver que el form continua enviandose incluso alertando, piense que no funciona?? parece factible, no??

[GeekGirl]

Qué carácter... me parece que lo mejor es esperar a ver cuál es su inquietud.

[IsaBelM]

si quieres trolleamos un poco. pero eso no beneficiará en absoluto a este usuario.

no se trata de carácter. se trata de exponer un hecho factible y que tú, vete a saber, has pensado que estaba rebatiendo en algún aspecto de tu planteamiento

[Philipmarlowe]

Al usar el script original con el click en "entrar" direcciona al otro html, presionando enter si bien manda la contraseña, no direcciona al html. Gracias de todos modos, son muy amables!

[Philipmarlowe]

Igual lo probé medio apurado, lo pruebo mejor y les aviso! Gracias!

[GeekGirl]

El formulario está hecho para redirigir a su action. Si querés evitar esa acción tenés que usar return false.

Te recomiendo plantear tu código de esta manera:

Código HTML:

<form name="form1" id="formulario"> 
    <input type="text" name="num" /> Contraseña<br />
    <input type="submit" value="entrar" />
</form>

<script type="text/javascript">
document.getElementById('formulario').onsubmit = function(){
    if (document.form1.num.value=="1234"){
        window.location.href="home.htm";
    } else {
        alert("Error en Contraseña. Intenta de nuevo.");
    }

    return false;
}

</script> 

[Philipmarlowe]

seeeeeeeee! funciona!!!!!! Muchas gracias gente! han sido muy amables y de mucha ayuda!!!