Question

Hola gente!
Necesito ayuda con el siguiente problema:
Tengo un formulario para reserva de una sala de proyecciones.
Los campos son:
Fecha, desde, hasta, elemento, responsable
(Imagen que no carga removida)

Necesito controlar que la hora respete el formato HH:MM de 4 dígitos.

Desde ya muchas gracias.

Comments

Si alguna de las respuestas es la solución, por favor márcala como correcta :)

Answer 1

Hola Top21k,

además de lo que correctemente te sugiere Gustavo, se puede resolver esto a nivel de la interfaz de dos maneras:
1) creando unos <select> con las horas y los minutos válidos: de esta forma el usuario elige valores precargados.
2) usando algún widget para la hora hecho en JavaScript como este: http://proinf.net/permalink/introducir_una_hora_mediante_un_widget_javascript que aparece entre varios resultados del buscador.

PD: no te sugiero usar el elemento time de HTML5 porque no está todavía con buen soporte.

Answer 2

Validado desde JavaScript con expresiones regulares, puedes usar una función como esta:

<script type="text/javascript">
    function validarHora(hora){
        // hh:mm
        var regExpHora = "^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$";
        if(hora.match(regExpHora)){
            return true;
        } else {
            return false;
        }
    }
    console.log(validarHora("12:25"));
    console.log(validarHora("14:60"));
    console.log(validarHora("25"));
    console.log(validarHora("10:59"));
    console.log(validarHora("10:0"));
    console.log(validarHora("10:00"));
    console.log(validarHora("1200"));
    console.log(validarHora("12"));
</script>

Ahora si quieres validarlo desde PHP usas la misma expresión regular, solo utilizas el método preg_match