[SOLUCIONADO] Modificar Validación

mexbale · #1 (**permalink**) 28/08/2013, 00:44

Hola a todos, espero que todos estén bien.

Tengo la siguiente consulta espero que me puedan ayudar

tengo este formulario:

Código Javascript:

Ver original<script>
function validartext(f){
   if(document.getElementById("FOLIO").value==""){
      alert("Esta caja de texto no pude ir vacia FOLIO.");
* * * document.getElementById("FOLIO").focus();
* * * return false;
   }
   if(document.getElementById("P02COM").value==""){
      alert("Esta caja de texto no pude ir vacia P02COM.");
* * * document.getElementById("P02COM").focus();
* * * return false;
   }
}
</script>

Código Javascript:

Ver original<script>
var MensajeDeError="Haga el favor de rellenar todas las preguntas"
    function validar(f){
        marcado=false;
        var nombre;
        for(a=0;a<f.elements.length;a++){
            if(f[a].type=="radio"){
                if(nombre!=f[a].name){
                    nombre=f[a].name;
                    for(aa=0;f[a+aa].name==f[a].name;aa++){
                        if(f[a+aa].checked){marcado=true};
                    }
                    if(marcado==false){alert(MensajeDeError);return false;}
                }
            marcado=false;
            }
        }
    }
</script>

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba</title>
<style type="text/css">
#D01 {    border: solid 1px #333333; 
}
#T01 {    border: solid 1px #333333; 
}
</style>
</head>
<body>
<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" onSubmit="return validar(this);">
 
  <table border="1">
    <tr>
      <td>FOLIO</td>
      <td><input type="text" name="FOLIO" id="FOLIO"></td>
    </tr>
  </table>
  <table border="1">
  <tr>
    <td><input type="radio" name="P01" id="P0101" value="150" /></td>
    <td>Sí</td>
  </tr>
  <tr>
    <td><input type="radio" name="P01" id="P0102" value="0" /></td>
    <td>No</td>
  </tr>
  </table>
  <table border="1">
  <tr>
    <td width="20"><input type="radio" name="P02" id="P0201" value="250" /></td>
    <td width="373">Sí</td>
  </tr>
  <tr>
    <td><input type="radio" name="P02" id="P0202" value="100" /></td>
    <td>No</td>
  </tr>
  <tr>
    <td><input type="radio" name="P02" id="P0203" value="0" /></td>
    <td>No, tuve que preguntar</td>
  </tr>
  <tr>
    <td colspan="2"><textarea name="P02COM" id="P02COM" cols="55" rows="4" maxlength="150" onKeyUp="this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"></textarea></td>
    </tr>
  </table>
  <table border="1">
  <tr>
    <td><input type="radio" name="P03" id="P0301" value="350" /></td>
    <td>Sí</td>
  </tr>
  <tr>
    <td><input type="radio" name="P03" id="P0302" value="0" /></td>
    <td>No Aplica</td>
  </tr>
  </table>
  <table border="1">
    <tr>
      <td><input type="checkbox" name="P04A01" id="P04A01" value="1" /></td>
      <td>A) Identificación válida</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P04A02" id="P04A02" value="1" /></td>
      <td>B) Nombre del remitente</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P04A03" id="P04A03" value="1" /></td>
      <td>C) Monto esperado</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P04A04" id="P04A04" value="1" /></td>
      <td>D) País de origen del envío del dinero</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P04A05" id="P04A05" value="1" /></td>
      <td>E) Número de control de la transferencia (MTCN)</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P04A06" id="P04A06" value="0" /></td>
      <td>Otros</td>
    </tr>
  </table>
  <table border="1">
<tr>
              <td><input type="radio" name="P05" id="P0501" value="0" /></td>
              <td>Sí</td>
            </tr>
            <tr>
              <td><input type="radio" name="P05" id="P0502" value="100" /></td>
              <td>No</td>
            </tr>
          <tr>
              <td><input type="radio" name="P05" id="P0503" value="NA" /></td>
              <td>N/A – no había otros clientes</td>
            </tr>
              </table>
  <table border="1">
    <tr>
      <td><input type="checkbox" name="P0601" id="P0601" value="1" /></td>
      <td>Refrigerios (agua, café, té…)</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0602" id="P0602" value="1" /></td>
      <td>Lapicero</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0603" id="P0603" value="1" /></td>
      <td>Área para sentarse</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0604" id="P0604" value="1" /></td>
      <td>Temperatura confortable</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0605" id="P0605" value="1" /></td>
      <td>TV, Música, o material de lectura</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0606" id="P0606" value="1" /></td>
      <td>Baño</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0607" id="P0607" value="1" /></td>
      <td>Teléfono público</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0608" id="P0608" value="1" /></td>
      <td>Estacionamiento</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="P0609" id="P0609" value="1" /></td>
      <td>Ninguno</td>
    </tr>
  </table>
  <table border="1">
    <tr>
    <td><label>
      <input type="submit" name="enviar" id="enviar" value="Enviar"   onClick="return validartext();">
    </label></td>
    <td><label>
      <input type="reset" name="resett" id="resett" value="Restablecer">
    </label></td>
  </tr>
</table>
</form>
</body>
</html>

Y en el Formulario tengo 2 validaciones JavaScript:
La primera "Validartext" (valida que no estén vacías los campos de texto que son el folio y la P02COM)
La segunda "Validar" (valida que selecciones todos los radios del formulario).

lo que quisiera hacer es modificar la de Validartext. Cuando seleccionen el radio P02 la opcion (SI) que me deje guardar el formulario sin que llene la P02COM

Espero que alguien me pueda ayudar y de antemano les doy las gracias

Saludos Cordiales

Enano_la22 · #2 (**permalink**) 28/08/2013, 06:49

Agregale una condicion mas al if en la funcion validartext(f)

if(document.getElementById("P02COM").value=="") && (!document.getElementById("P0201").checked){
alert("Esta caja de texto no pude ir vacia P02COM.");
* * * document.getElementById("P02COM").focus();
* * * return false;
}
}

Te recomiendo empezar a utilizar jQuery. Te facilita muchisimo el manejo de javascript.

Saludos!

caricatos · #3 (**permalink**) 28/08/2013, 07:48

Hola:

Cita:

Iniciado por Enano_la22

...Te recomiendo empezar a utilizar jQuery. Te facilita muchisimo el manejo de javascript...

¡Seguimos con la polémica...! ¡Nunca usé librerías y no creo que sean aconsejables...!; además, todo puede hacerse sin librerías.

Y sobre facilitar... es aprender una dependencia innecesaria...

Saludos

Enano_la22 · #4 (**permalink**) 28/08/2013, 10:22

Hola!
Solo fue un consejo...nada mas. jaja.
Tenes razón, no es que facilite...sino lo que te quede mas comodo...
La verdad es una muy buena libreria, pero es opinion personal.

Me gustaria saber porque para vos no es aconsejable utilizar librerias. Yo no tengo aun mucha experiencia en programacion y me gustaria saber los contra de usar librerias

Gracias por tu infoo!!

Saludoss

mexbale · #5 (**permalink**) 28/08/2013, 13:50

muchas gracias Enano_la22 y voy a checar lo de Jquery para que si es mas factible

caricatos · #6 (**permalink**) 29/08/2013, 07:57

Hola:

Cita:

Iniciado por Enano_la22

Hola!
Solo fue un consejo...nada mas. jaja.
Tenes razón, no es que facilite...sino lo que te quede mas comodo...
La verdad es una muy buena libreria, pero es opinion personal.

Me gustaria saber porque para vos no es aconsejable utilizar librerias. Yo no tengo aun mucha experiencia en programacion y me gustaria saber los contra de usar librerias

Gracias por tu infoo!!

Saludoss

Yo no aconsejo ni desaconsejo, pero cuando veo que se aconseja sin más, me parece un mal consejo, ya que la mayoría de las necesidades que se puedan tener en la elaboración de una página no necesitan más que unas pocas líneas de código (en realidad no se debería necesitar ninguna)... javascript debería ser una ayuda, como una validación previa al envío de un formulario (donde todos admitimos que una validación buena debe estar en el servidor)... y tal vez algunos ejemplos gráficos.

Sobre enumerar contras... el incremento de código es la principal; y no vale lo que algunos comentan sobre líneas rápidas, ya que incluso con adsl en mi caso personal, hay veces que esta misma página de los foros no llega a cargarse del todo y eso implica que no se carguen las librerías...

Como ya he comentado, es toda una polémica donde no suelo participar...

Saludos

Enano_la22 · #7 (**permalink**) 30/08/2013, 05:38

Cita:

Iniciado por caricatos

Yo no aconsejo ni desaconsejo, pero cuando veo que se aconseja sin más, me parece un mal consejo, ya que la mayoría de las necesidades que se puedan tener en la elaboración de una página no necesitan más que unas pocas líneas de código (en realidad no se debería necesitar ninguna)... javascript debería ser una ayuda, como una validación previa al envío de un formulario (donde todos admitimos que una validación buena debe estar en el servidor)...

:

Yo creo que cada uno toma la decision en cuanto a como realizar su proyecto y analizara los pro y contra de lo que decide utilizar... para mi es bueno saber todas las posibilidades, por eso no me parece mal aconsejar...despues cada uno decide como seguir y que herramientas utilizar...
Conicido con vos en que una validacion buena debe estar en el servidor como dices...

Gracias Caricatos

!!! me gusta sabes todas las opiniones y las valoro..Entiendo tu punto de vista y me parece muy bueno!! A veces es mas facil pensar un poquito y armar una funcion, que utilizar librerias para algo muy simple.

Saludooss!!