16/12/2009, 22:04
|
 | | | Fecha de Ingreso: enero-2009 Ubicación: Medellìn
Mensajes: 417
Antigüedad: 15 años, 4 meses Puntos: 7 | |
 error al pasar en cajas de texto con el boton
hola, les cuento tengo un formulario en el tengo unas cajas de texto que al pocisionarme en ellas y les doy enter me pasa a la siguiente lo tengo en javascript y en jquery tambien pero cuando le meto un boton dentro del form esto no me funciona si le doy enter se me activa el boton y lo que quieroes que me siga pasando entre las cajas de texto normal y cuando termine la ultima si es posible que el focus vaya al boton no antes
de ante mano gracias
1. codigo javascript
function A(e,t)
{
var k=null;
(e.keyCode) ? k=e.keyCode : k=e.which;
if(k==13) (!t) ? B() : t.focus();
}
function B()
{
document.forms[0].submit();
return true;
}
</script></head><body>
<form action="" method="">
<input type="text" id="a" value="" onKeyDown="A(event,this.form.b);">
<input type="text" id="b" value="" onKeyDown="A(event,this.form.c);">
<input type="text" id="c" value="" onKeyDown="A(event,this.form.d);">
<input type="text" id="d" value="" onKeyDown="A(event,this.form.e);">
<input type="text" id="e" value="" onKeyDown="A(event,null);">
<label>
<input type="submit" name="button" id="button" value="Enviar">
</label>
</form></body></html>
2. tambien lo hice en jquery y me pasa lo mismo aca el codigo
<script type="text/javascript">
//esperamos a que el documento esté cargado
$(document).ready(function(){
//agregamos el evento Enter texto Nombre
$("#Nombre").keyup(function(event){
if(event.keyCode == 13)
$("#Apellido").focus();
});
//agregamos el evento Enter texto Apellido
$("#Apellido").keyup(function(event){
if(event.keyCode == 13)
$("#Edad").focus();
});
//agregamos el evento Enter texto Edad(regresa el foco al nombre)
$("#Edad").keyup(function(event){
if(event.keyCode == 13)
$("#Nombre").focus();
});
});
</script>
<form name="form1" method="post" action="">
nombre
<input type="text" id="Nombre" name="Nombre" value="" />
Apellido
<input type="text" id="Apellido" name="Apellido" value="" />
Edad
<input type="text" id="Edad" name="Edad" value="" />
</p>
<input type="submit" name="button" id="button" value="Enviar">
</form> |