Dos casos para realizar enter

hoberwilly · #1 (**permalink**) 23/01/2009, 09:55

Hola amigos,
Tengo el siguiente formulario:

Código php:

Ver original<!-- <html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Formulario Logeo</title>
<style type='text/css'>
<!--
.input_text{
text-align: right;
}
-->
</style>
<script type="text/javascript">
function acceptNumNumero(campo)
{
    var key=window.event.keyCode;
    var esNumero = (key<48 || key>57);
    if(esNumero)
    {
            window.event.keyCode=0;
    }
} 
</script>
</head>
 
<body onLoad="document.getElementById('veni').focus();">
<form name="form" method="post" action="login.php">
<center>
<table width="80%" border="1" cellpadding=10 align="center">
<tr>
<td align="center">Ingrese D.N.I.:</td>
<td align="center"><input type="text" name="dni" id="veni" size='18' maxlength='8' class="input_text" onKeypress="acceptNumNumero(this)"></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="submit" name="submit" value="ENVIAR"></td>
</tr>
</table>
</form>
</body>
</html> -->

Lo que se solicita es que exista dos formas adicionales de enviar el formulario:
1. estoy situado en la caja de texto, digito el DNI, y con tan solo dar enter me dirija a pagina siguiente
2. estoy situado en la caja de texto, digito el DNI, y con (digamos ALT+e) combinaciones del teclado pueda tambien dirigirme pagina siguiente.
como que el boton submit tenga ENVIAR

Gracias de antemano por su ayuda, esperando tener respuestas positivas

David · #2 (**permalink**) 23/01/2009, 10:05

Para lo de Alt+E (en realidad depende del navegador), puedes usar el atributo accesskey.

Para lo del ENTER, es automático para los botones submit, el único problema es que estás anulado esa tecla en el evento onkeypress del input text (Ojo, que tu código sólo es compatible con IE, debes modificarlo para que también utilice el estándar event.which y event.preventDefult())

hoberwilly · #3 (**permalink**) 23/01/2009, 10:23

Muchas gracias David,
Al respecto lo de la primera parte, se realizo de la sgte manera:

Código php:

Ver original<!-- <input type="submit" name="submit" value="ENVIAR"  accesskey="E"> -->

pero una consultita como imprimir el value"ENVIAR" de la sgte manera:"ENVIAR"

y lo segundo intente implementarlo segun la sgte direccion:
http://www.telefonica.net/web2/blas-...idarformu.html, pero como que no funciona...???...intentare de nuevo probar sino espero me puedas seguir ayudando

Saludos,

hoberwilly · #4 (**permalink**) 23/01/2009, 10:36

Listo el codigo quedó asi:

Código php:

Ver original<!-- <html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Formulario Logeo</title>
<style type='text/css'>
<!--
.input_text{
text-align: right;
}
-->
</style>
<script type="text/javascript">
function validar(e)
{ 
    tecla = (document.all) ? e.keyCode : e.which;
    if (tecla==8) return true;
    patron = /\d/; // Solo acepta números
    te = String.fromCharCode(tecla);
    return patron.test(te);
} 
</script>
</head>
 
<body onLoad="document.getElementById('veni').focus();">
<form name="form" method="post" action="login.php">
<center>
<table width="80%" border="1" cellpadding=10 align="center">
<tr>
<td align="center">Ingrese D.N.I.:</td>
<td align="center"><input type="text" name="dni" id="veni" size='18' maxlength='8' class="input_text" onKeypress="return validar(event)"></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="submit" name="submit" value="ENVIAR"  accesskey="E"></td>
</tr>
</table>
</form>
</body>
</html>
 -->

Pero queda pendiente:
1. "...pero una consultita como imprimir el value"ENVIAR" de la sgte manera:"ENVIAR" ... "
2. "...el único problema es que estás anulado esa tecla ..." igualmente se esta anulando para este nuevo js, como modificarlo???

Gracias,

David · #5 (**permalink**) 23/01/2009, 10:57

La línea 16 cambia por:

Código javascript:

Ver originalif (tecla==8 || tecla==13) return true;

13 es el código de la tecla Intro, así que de esa forma no lo anulamos.

hoberwilly · #6 (**permalink**) 23/01/2009, 11:03

Oka David,
solo faltaria esto: como imprimir el value"ENVIAR" de la sgte manera:"ENVIAR"???

Saludos,

David · #7 (**permalink**) 23/01/2009, 11:14

Creo que hacerlo de esa manera es poco accesible, no todos van a entender que el subrayado o hasta la negrita en una letra indique la tecla de acceso. Es mejor que la tecla de acceso sea bastante clara para el usuario, así le será más útil.

Bueno, de todos modos una forma un poco rebuscada de hacer lo que deseas:

Código html:

Ver original<button type="submit" accesskey="E"><span style="text-decoration: underline">E</span>nviar</button>

No obstante, como dije, no me parece del todo útil.

hoberwilly · #8 (**permalink**) 23/01/2009, 11:23

Te pasaste David, si que eres El Grande...

Saludos,