Tema: ejecutar una funcion que valida horas para varios input y listbox
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/04/2010, 02:04
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: ejecutar una funcion que valida horas para varios input y listbox
Si puedes usar el formato de hora de 24 horas (01:00 pm = 13:00) aquí te dejo algo que te puede servir.


Código HTML: 
Ver original
  1. <HTML>
  2. <HEAD>
  3. <TITLE> prueba de horas</TITLE>
  4. <SCRIPT LANGUAGE="JavaScript">
  5.  
  6. var horaInicial;
  7.  
  8. function validaHoras(formulario){
  9. var error=0;
  10. for(i=0;i<formulario.elements.length;i++){
  11.     if(formulario.elements[i].name.substr(0,1)=="h"){
  12.         hora=toDate(formulario.elements[i].value,"h:m")
  13.         if(hora=="Error") {
  14.         alert(formulario.elements[i].name + " es incorecta ("+formulario.elements[i].value+")");
  15.         error++;
  16.         }else{
  17.             if(formulario.elements[i].name.substr(0,4)=="hini"){
  18.                 horaInicial=hora;
  19.             }else{
  20.                 if(hora<=horaInicial) {
  21.                     alert (formulario.elements[i].name + " es igual o inferior a hini"+formulario.elements[i].name.substr(4));
  22.                     error++;
  23.                 }
  24.             }
  25.         }
  26.     }
  27. }
  28. if(error==0){
  29.     alert("Todo corecto");
  30. }else{
  31.     alert("Hay "+error+" errores!!!!!")
  32. }
  33. }
  34. function toDate(dStr,format) {
  35.     var now = new Date();
  36.     if(parseInt(dStr.substr(0,dStr.indexOf(":")),10)<0 
  37.     || parseInt(dStr.substr(0,dStr.indexOf(":")),10)>23
  38.     || parseInt(dStr.substr(dStr.indexOf(":")+1),10)<0
  39.     || parseInt(dStr.substr(dStr.indexOf(":")+1),10)>59){
  40.     return "Error";
  41.     }else{
  42.     if (format == "h:m") {
  43.         now.setHours(dStr.substr(0,dStr.indexOf(":")));
  44.         now.setMinutes(dStr.substr(dStr.indexOf(":")+1));
  45.         now.setSeconds(0);
  46.         return now;
  47.     }else return "Error";
  48.     }
  49. }
  50.  
  51. function validaHora(obj){
  52.         hora=toDate(obj.value,"h:m")
  53.         if(hora=="Error"){
  54.          alert(obj.value + " es incorrecto!!!");
  55.          }else{
  56.          alert(hora);
  57.          }
  58. }
  59.  
  60. </SCRIPT>
  61. </HEAD>
  62. <BODY>
  63. <form action="btnComparar" method="post">
  64.   <p>hora inicio 
  65.     <INPUT TYPE="text" NAME="hini1" value="08:15" onBlur="validaHora(this)">
  66.     <label> 
  67.     </label>
  68.     <BR>
  69.     hora final
  70.     <INPUT TYPE="text" NAME="hfin1" value="15:30" onBlur="validaHora(this)">
  71.     <label> 
  72.     </label>
  73.   </p>
  74.   <p>&nbsp;</p>
  75.   <p>hora inicio 
  76.     <INPUT TYPE="text" NAME="hini2" value="08:15" onBlur="validaHora(this)">
  77.     <label> 
  78.     </label>
  79.     <BR>
  80.     hora final 
  81.     <INPUT TYPE="text" NAME="hfin2" value="09:30" onBlur="validaHora(this)">
  82.     <label> 
  83.     </label>
  84.   </p>
  85.   <p>&nbsp;</p>
  86.   <p>hora inicio 
  87.     <INPUT TYPE="text" NAME="hini3" value="08:15" onBlur="validaHora(this)">
  88.     <label> 
  89.     </label>
  90.     <BR>
  91.     hora final 
  92.     <INPUT TYPE="text" NAME="hfin3" value="09:30" onBlur="validaHora(this)">
  93.     <label> 
  94.     </label>
  95.   </p>
  96.   <p>&nbsp;</p>
  97.   <p>&nbsp;</p>
  98.   <p> 
  99.     <INPUT TYPE="button" NAME="btnComparar" Value="Comparar horas" OnClick= "validaHoras(this.form)">
  100.   </p>
  101. </form>
  102. </BODY>
  103. </HTML>


Si te es imprescindible el formato am/pm se podria pensar en una conversion... pero complica las cosas....

Quim