Tema: No logro tomar los valores de un input para hacer una comparacion
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/05/2010, 23:14
Xav1er
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años
Puntos: 0
Exclamación No logro tomar los valores de un input para hacer una comparacion
Hola a todos, necesito hacer que este script me funcione, el problema que tengo en la forma de capturar las variables porque el script funciona perfectamente

Originalmente me capturaba los valores de esta manera


Código Javascript: 
Ver original
  1. function CompararHoras(sHora1, sHora2, vam, vpm) {
  2.     
  3.     var arHora1 = sHora1.split(":");
  4.     var arHora2 = sHora2.split(":");
  5.     var vam;
  6.     var vpm;
  7.     
  8.     // Obtener horas y minutos (hora 1)
  9.     var hh1 = parseInt(arHora1[0],10);
  10.     var mm1 = parseInt(arHora1[1],10);
  11.  
  12.     // Obtener horas y minutos (hora 2)
  13.     var hh2 = parseInt(arHora2[0],10);
  14.     var mm2 = parseInt(arHora2[1],10);

El problema es que mandaba los valores desde el boton de esta manera


Código HTML: 
Ver original
  1. <INPUT TYPE="button" NAME="btnComparar" Value="Comparar horas" OnClick="alert(CompararHoras(h1.value,h2.value,var1.value,var2.value));">

y no me sirve enviar los valores de esa manera, necesito tomar los valores normalmente algo estilo document.formulario.h01_ini.value lo modifique un poco de esta manera pero no me funciona:



Código Javascript: 
Ver original
  1. function Valida(formulario) {
  2.  
  3.     var arHora1 = document.formulario.h01_ini.value;
  4.     arHora1 = arHora1.split(":");
  5.     var arHora2 = document.formulario.h01_fin.value;
  6.     arHora2 = arHora2.split(":");
  7.     var vam = document.formulario.h01_ini_tipo.value;
  8.     var vpm = document.formulario.h01_fin_tipo.value;
  9.     
  10.     // Obtener horas y minutos (hora 1)
  11.     var hh1 = parseInt(arHora1[0],10);
  12.     var mm1 = parseInt(arHora1[1],10);
  13.  
  14.     // Obtener horas y minutos (hora 2)
  15.     var hh2 = parseInt(arHora2[0],10);
  16.     var mm2 = parseInt(arHora2[1],10);

Y el boton lo arregle asi:


Código HTML: 
Ver original
  1. <INPUT TYPE="button" name="validar" value="Validar" onClick="Valida(this)">


pero no logro hacer que funcione se que debe ser un error estupido que estoy cometiendo algo de sintaxis o estoy totalmente errado pero necesito ayuda y no consigo a nadie con buenos conocimientos de javascript que pueda ayudarme por eso recurro a ustedes....

De antemano les agradezco la ayuda que puedan prestarme

aqui les dejo el codigo completo del la pagina html para que vean el funcionamiento del script


Código HTML: 
Ver original
  1. <HTML>
  2. <HEAD>
  3. <TITLE> prueba de horas y am y pm</TITLE>
  4.  
  5. <SCRIPT LANGUAGE="JavaScript">
  6.  
  7. function Valida(formulario) {
  8.  
  9.     var arHora1 = document.formulario.h01_ini.value;
  10.     arHora1 = arHora1.split(":");
  11.     var arHora2 = document.formulario.h01_fin.value;
  12.     arHora2 = arHora2.split(":");
  13.     var vam = document.formulario.h01_ini_tipo.value;
  14.     var vpm = document.formulario.h01_fin_tipo.value;
  15.     
  16.     // Obtener horas y minutos (hora 1)
  17.     var hh1 = parseInt(arHora1[0],10);
  18.     var mm1 = parseInt(arHora1[1],10);
  19.  
  20.     // Obtener horas y minutos (hora 2)
  21.     var hh2 = parseInt(arHora2[0],10);
  22.     var mm2 = parseInt(arHora2[1],10);
  23.  
  24.     // Comparar
  25.  
  26.     ////////////////////primer if comprara si el primer listbox es AM si es asi lo acepta/////////////////////////////////
  27.  
  28.     if (vam<vpm)    
  29.     {
  30.         return "Hora correcta";
  31.     }
  32.  
  33.         else
  34.  
  35.     {
  36.  
  37.     ////////////////////segundo if comprara si el primer listbox es PM si es asi NO lo acepta/////////////////////////////////
  38.  
  39.         if (vam>vpm)
  40.         {
  41.             return "Hora incorrecta";
  42.         }
  43.  
  44.         else 
  45.  
  46.         {
  47.  
  48.     ////////////////////Tercer if comprara si el primer o segundo listbox es igual si es asi lo acepta/////////////////////////////////
  49.  
  50.         if (vam==vpm)
  51.         {
  52.  
  53. ///////////////////////////si las horas del primer texbox es menor a las del segundo acepta////////////////////
  54.  
  55.                  if (hh1<hh2 || (hh1==hh2 && mm1<mm2))
  56.                  return "Hora correcta";
  57.             
  58.              else
  59.  
  60. //////////////////si las horas del primer texbox son mayores no lo acepta pero si las horas son iguales y los minutos del/////
  61. //////////////////primero son mayor o igual que el segundo de igual manera no lo acepta/////////////////////////////////////
  62.  
  63.                  if (hh1>hh2 || (hh1==hh2 && mm1>=mm2))
  64.                  return "Hora incorrecta";
  65.         
  66.         }       
  67.         }
  68.     }
  69. //  "[/^(1|01|2|02|3|03|4|04|5|05|6|06|7|07|8|08|9|09|10|11|12)\:([0-5]0|[0-5][1-9])/]"
  70.  
  71. }
  72.  
  73. function fecha(a){
  74.     
  75.  //onChange="alert(CompararHoras(h1.value,h2.value,var1.value,var2.value));"
  76.     
  77.     patron ="/^(1|01|2|02|3|03|4|04|5|05|6|06|7|07|8|08|9|09|10|11|12)\:([0-5]0|[0-5][1-9])/$";
  78.     if(!/^(1|01|2|02|3|03|4|04|5|05|6|06|7|07|8|08|9|09|10|11|12)\:([0-5]0|[0-5][1-9])$/.test(a.value))
  79.         alert("Hora incorrecta");
  80.     
  81.     }
  82.     
  83. </SCRIPT>
  84.  
  85. </HEAD>
  86.  
  87. <BODY>
  88. <FORM NAME="formulario" METHOD="get" ACTION="Valida()" >
  89.  
  90.   <p>hora inicio
  91.     <INPUT TYPE="text" NAME="h01_ini" value="09:35" onBlur="return fecha(this)">  
  92.     <label>
  93.       <select name="h01_ini_tipo" size="1" id="h01_ini_tipo">
  94.         
  95.         <option>am</option>
  96.         <option>pm</option>
  97.       </select>
  98.     </label>
  99.   <BR>
  100.     hora final<INPUT TYPE="text" NAME="h01_fin" value="09:30" onBlur="return fecha(this)">
  101.   <label>
  102.     <select name="h01_fin_tipo" size="1" id="h01_fin_tipo">
  103.       <option>am</option>
  104.       <option>pm</option>
  105.       </select>
  106.   </label>
  107.   </p>
  108.   <p>&nbsp;</p>
  109.   <p>&nbsp;</p>
  110.   <p>
  111.     <INPUT TYPE="button" name="validar" value="Validar" onClick="Valida(this)">
  112.   </p>
  113. </form>
  114. </BODY>
  115. </HTML>


Un saludo a todos y repito gracias de antemano
Última edición por Xav1er; 04/05/2010 a las 00:32