Funcion para varios campos usando focus()

[osanjur]

Hola, tengo una funcion que valida el formato de la hora en varios campos de mi formulario, esto sucede en el evento onblur() de cada campo. Si la hora no es correcta deseo que el cursor se posicione sobre el campo que introdujo la hora incorrecta para que el usuario la corrija. Aqui esta el codigo. Se que tengo usar focus pero no se como decirle que lo haga sobre el campo que acabo de validar.

function CheckTime(str)
{
var hora = str.value;

if (hora.length!=5) {
alert("Introducir HH:MM");
return
}
a=hora.charAt(0) //<=2
b=hora.charAt(1) //<4
c=hora.charAt(2) //:
d=hora.charAt(3) //<=5
if ((a==2 && b>3) || (a>2)) {
alert("El valor que introdujo en la Hora no corresponde, introduzca un digito entre 00 y 23");
return;
}
if (d>5) {
alert("El valor que introdujo en los minutos no corresponde, introduzca un digito entre 00 y 59");
return;
}

if (c!=':') {
alert("Introduzca el caracter ':' para separar la hora y los minutos");
return;
}
}

los campos estan asi:

<input name="hora1" type="text" id="hora1" size="5" maxlength="5" onblur="CheckTime(this);" />
<input name="hora2" type="text" id="hora2" size="5" maxlength="5" onblur="CheckTime(this);" />
<input name="hora3" type="text" id="hora3" size="5" maxlength="5" onblur="CheckTime(this);" />
<input name="hora4" type="text" id="hora4" size="5" maxlength="5" onblur="CheckTime(this);" />

espero puedan ayudarme... saludos.

[Adler]

Hola

Ve si te sirve esto

Código PHP:

  function CheckTime(h) {
var okhora = h.value;

var hora_array = okhora.split(':');


    if (hora_array.length < 2 || hora_array.length > 2) {
    alert("Necesita dos partes separadas por (:) dos puntos");
    document.getElementById("hora").focus();
       return (false);
    }

if (hora_array[0] > 23 || hora_array[0].length < 2) {    
alert("El valor que introdujo (" +hora_array[0] + ") en la Hora no corresponde, introduzca un digito entre 00 y 23");
    document.getElementById("hora").focus();
       return (false);
    }

if (hora_array[1] > 59 || hora_array[1].length < 2) {    
alert("El valor que introdujo (" +hora_array[1] + ") en la Hora no corresponde, introduzca un digito entre 00 y 59");
    document.getElementById("hora").focus();
       return (false);
    }
}  
   

Código:

 <form>
<input type="text" name="hora" id="hora" size="5" maxlength="5" OnBlur="return CheckTime(this);" />
</form>

Suerte

[osanjur]

Gracias Adler, pero la funcion siempre me pondra el focus en campo 'hora'. Yo necesito que ponga el focus al campo que usuario lleno. Es una funcion para varios campos de hora.

gracias.

[David]

Bienvenido, osanjur.

Hay una forma de hacer la validación como la que dices, pero yo no te recomiendo hacerlo así ya que es bastante incómodo para el usuario que se valide inmediatamente después de salir del campo.

Lo mejor sería validar antes de enviar el formulario, ahí ya es más fácil enviar el foco al campo incorrecto.

[osanjur]

Gracias David, se que lo correcto es hacerlo al enviar el fomulario de hecho asi lo tengo para los demas campos. Pero en este caso mi formulario tiene 45 campos de hora y para cada uno tengo que validarlo... imaginate hacer la funcion 45 veces (una para cada campo) solo para que el foco se ponga donde es... jajajaa que locura...

gracias. saludos.

[David]

Aún así puedes validarlo al enviar el formulario. No necesitas usar una función para cada campo. Puedes recorrer todos los campos input usando getElementsByTagName y validarlos...