Javascript - Funcion para Autotabular campos de formulario

Códigos Javascript

En el ejemplo mostramos 3 campos de formulario los cuales son dia, mes, año. El script se encarga de pasar de uno a tro una vez rellenados, ejerciendo de tabulador. Detecta la longitud maxima que asignamos a cada campo de formulario, una vez alcanzada la longitud maxima, pasa al siguiente campo. Muy util para fechas

Tutores.org

Inicio > Javascript

Visitas: 15,374 - 19/09/2004 1:45:15

CODIGO

Este codigo aun no ha sido probado por Tutores.org en Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

# Codigo ofrecido por Tutores.org

<script language="JavaScript">
var field_length=0;
function T_siguiente(obj,event,len,next_field) {
if (event == "down") {
field_length=obj.value.length;
}
else if (event == "up") {
if (obj.value.length != field_length) {
field_length=obj.value.length;
if (field_length == len) {
next_field.focus();
}
}
}
}
</SCRIPT>
<form name="form1" method="post" action="#">
<input type="text" name="dia" size="2" maxlength="2"
onKeyDown="T_siguiente(this,'down',2)"
onKeyUp="T_siguiente(this,'up',2,this.form.mes)">
<input type="text" name="mes" size="2" maxlength="2"
onKeyDown="T_siguiente(this,'down',2)"
onKeyUp="T_siguiente(this,'up',2,this.form.anno)">
<input type="text" name="anno" size="4" maxlength="4">
<input name="enviar" type="submit" id="enviar" value="enviar">
</form>

ENLACE AL CODIGO

Si quieres enlazar desde tu pagina a este codigo

<a title="Tutores.org - Funcion para Autotabular campos de formulario" href="http://www.tutores.org/codigo/1317/" target="_blank">Funcion para Autotabular campos de formulario</a>

COMENTARIOS

Aun no existe ningun comentario para este Codigo.

INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
	Codigo Seguridad
	Antes de enviar un comentario... Todos los comentarios son revisados personalmente Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado Usuarios registrados tienen preferencia en recibir respuestas de ayuda!! Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor. Por favor, insertar los comentarios descriptivos.