Foros del Web » Programando para Internet » Javascript »

No logro tomar los valores de un input para hacer una comparacion

 Estas en el tema de No logro tomar los valores de un input para hacer una comparacion en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/05/2010, 23:14
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años, 6 meses
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
  #2 (permalink)  
Antiguo 03/05/2010, 08:11
Avatar de Fdo88  
Fecha de Ingreso: febrero-2010
Mensajes: 47
Antigüedad: 14 años, 8 meses
Puntos: 0
De acuerdo Respuesta: No logro tomar los valores de un input para hacer una comparacion
En primer lugar te recomiendo usar las etiquetas de codigo, pues ese color naranja es muy incomodo.
Y en segundo lugar verifica la llegada de los valores; es decir,
Si llega el formulario?
Hasta que punto se ejecuta la funcion Valida?
  #3 (permalink)  
Antiguo 03/05/2010, 20:00
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: No logro tomar los valores de un input para hacer una comparacion
Cita:
Iniciado por Fdo88 Ver Mensaje
En primer lugar te recomiendo usar las etiquetas de codigo, pues ese color naranja es muy incomodo.
Y en segundo lugar verifica la llegada de los valores; es decir,
Si llega el formulario?
Hasta que punto se ejecuta la funcion Valida?
Ok gracias por explicarme que existen las etiquetas de codigo en este foro.... como podras ver soy novato este es mi primer post y bueno tu tienes solo 39 post tambien

Aparte de todo eso? con lo referente a la funcion alguien puede ayudarme... ahi esta el codigo claro de lo que hace la funcion, no es hasta ningun punto, al hacer click al boton entra en la funcion Valida y compara 2 horas entre si.... divide la variable con el SPLIT donde estan los ":" y toma los minutos y las horas y despues con los otros campos comprueba si es pm o am eso es todo...

Como dije al principio del post el script funciona bien como estaba inicialmente, si alguien puede ayudarme a tomar el valor de los input a travez del formulario sin que de error estaria muy agradecido...
  #4 (permalink)  
Antiguo 04/05/2010, 00:35
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: No logro tomar los valores de un input para hacer una comparacion
Nadie sabe como arreglar eso?

Etiquetas: comparacion, input, tomar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 14:51.