Duda sobre validación

Jask · #1 (**permalink**) 28/02/2011, 03:47

Muy buenas, qué tal ?

Tengo un problema con una validación. He hecho un pequeño formulario de unos sorteos y hay un campo denominado edad, es un input type text, el cual si la edad introducida es menor o igual a 14 años, aparece unos campos aparte (autorización paterna, etc).
Lo que he hecho es que si se introduce un campo mayor de 15 años y se pulsa el botón de Si (que quiere decir que si es menor de edad) salte un alert y le diga que no hace falta pulsar el botón. El problema que tengo es que cuando cambio a No y pulso enviar aparece de nuevo el mismo mensaje.
Javascript guarda el valor de la primera variable que tomó? Tendría que destruir el valor? Aquí os dejo el código.

Código Javascript:

Ver originalvar edad = 14;
if(formulario.age.value <= edad && formulario.ageover.value != 1){
alert('Error: \nEres menor de 14 años. Por favor, marca la casilla \"Si\" ');
return false;
}

Y la parte HTML

Código HTML:

Ver originalSi      <input type="radio" name="ageover" onclick="return show();" value="1">
        No  <input type="radio" name="ageover" onclick="return dontshow();" value="0"/>

La función show y dontshow es simplemente para que aparezcan o no los campos si se pulsa si o no respectivamente.

A ver si me pueden echar un cable :)

Un saludo y gracias

esjuanma · #2 (**permalink**) 28/02/2011, 10:21

Está faltando código.

Jask · #3 (**permalink**) 01/03/2011, 03:06

Cita:

Iniciado por esjuanma

Está faltando código.

Pensé que no hacía falta toda la ristra de código pero bueno, aquí la dejo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Formulario</title>

Código Javascript:

Ver original<script type="text/javascript">
 
 
function validar(formulario) {
    var edad = 14;
    if(formulario.subject.value.length == '' || formulario.name.value.length == "" ||  formulario.age.value.length == "" || formulario.address.value.length == "" || formulario.zipcode.value.length == "" || formulario.telephone.value.length == "" || formulario.ageover.value == "") {
        alert("Error: \nFalta por rellenar algunos campos.");
        return false;
    }
    if(isNaN(formulario.age.value)) { 
        alert("Error:\nEste campo debe tener sólo números."); 
        formulario.age.focus(); 
        return false; 
    }
    if(isNaN(formulario.zipcode.value) || formulario.zipcode.value.length < 5){
        alert("Error: \nEl código postal es incorrecto.");
        formulario.zipcode.focus();
        return false;
    }
    
    if(isNaN(formulario.telephone.value) || formulario.telephone.value.length < 9){
        alert("Error: \n El número de teléfono que has introducido está mal.");
        formulario.telephone.focus();
        return false;
    }
    if(formulario.age.value <= edad && formulario.ageover.value != 1){
        alert('Error: \nEres menor de 14 años. Por favor, marca la casilla \"Si\" ');
        return false;
    }
    if(formulario.ageover.value != 1){
         document.getElementById('capaRadio').style.display='none';
    }
    return true;
}
 
function show(){
    if(document.getElementById('capaRadio').style.display == 'none'){
        document.getElementById('capaRadio').style.display='block';
        document.getElementById('capaMayorEdadRadio').style.display='none';
    }else{
         document.getElementById('capaRadio').style.display='none';
    }   
}
 
function dontshow(){
    if(document.getElementById('capaMayorEdadRadio').style.display == 'none'){
        document.getElementById('capaMayorEdadRadio').style.display='block';
        document.getElementById('capaRadio').style.display='none';
    }else{
         document.getElementById('capaMayorEdadRadio').style.display='none';
    }   
}
 
</script>

Código HTML:

Ver original</head>
<body>

Código PHP:

  <?php 
 
    $validation = $_REQUEST['validation'];     
    if(isset($validation) == 1){ 
 
        $subject = $_REQUEST['subject']; 
        $name = $_REQUEST['name']; 
        $age =  $_REQUEST['age']; 
        $address =  $_REQUEST['address']; 
        $zipcode = $_REQUEST['zipcode']; 
        $telephone = $_REQUEST['telephone']; 
        $ageover = $_REQUEST['ageover']; 
         
        $readername = $_REQUEST['readername']; 
        $tutorname = $_REQUEST['tutorname']; 
        $tutoremail = $_REQUEST['tutoremail']; 
        $tutortelephone = $_REQUEST['tutortelephone']; 
        $tutorauth = $_REQUEST['tutorauth']; 
         
        if($ageover != 1){     
            if(isset($subject) == "" || isset($name) == "" || isset($age) == "" || isset($address) == "" || isset($zipcode) == "" || isset($telephone) == "" || isset($ageover) == ""  || ($age <= 14 && $tutorauth != 1 ) ){ 
                echo "Te has olvidado de rellenar algún campo. <a href='javascript:history.back(-1)'>Volver atrás</a>";     
                exit; 
            }else{ 
                $from = "[email protected]"; 
                $for = "hola@hola. 
                $header = "From: " . $from . " rn"; 
                $header .= "X-Mailer: PHP/" . phpversion() . " rn"; 
                $header .= "Mime-Version: 1.0 rn"; 
                $header .= "Content-Type: text/html; charset=utf-8"; 
                $content = "<h1>Formulario Como Tú</h1>";  
                $content .= "<b>Nombre: </b>".$name."<br>"; 
 
                if(mail($for, $subject, $content, $header)){ 
                    echo "Te has suscrito al concurso satisfactoriamente. Gracias por participar."; 
                    exit; 
                }else{ 
                    echo "Ha habido un problema al suscribirte al concurso. Inténtalo de nuevo pasados unos minutos"; 
                } 
            } 
        }else{ 
            if( ($age > 14 && $tutorauth == 1 ) || isset($readername) == "" || isset($tutorname) == "" || isset($tutoremail) == "" || isset($tutortelephone) == "" || isset($tutorauth) == "" ){ 
                echo "Ha habido un error en un campo. Por favor, verifíquelo. <a href='javascript:history.back(-1)'>Volver atrás</a>"; 
                exit; 
            }else{ 
             
                if($tutorauth != 1){ 
                    echo "<div>Tienes que <strong>autorizar la participación del menor</strong> para poder participar.</div>"; 
                    exit; 
                }else{ 
                    if($tutorauth == 1){ 
                        $tutorauth = "Si"; 
                    } 
                 
                    $from = "aaa@eee.es"; 
                    $for = "aaa@aaa.com"; 
                     
                    $header = "From: " . $from . " rn"; 
                    $header .= "X-Mailer: PHP/" . phpversion() . " rn"; 
                    $header .= "Mime-Version: 1.0 rn"; 
                    $header .= "Content-Type: text/html; charset=utf-8"; 
                     
                    $content = "<h1>Formulario Como Tú</h1>";  
                    $content .= "<b>Nombre: </b>".$name."<br>"; 
                    $content .= "<b>Nombre y Apellidos de la lectora: </b>".$readername."<br>"; 
                    $content .= "<b>Nombre y apellidos del padre / madre / tutor: </b>".$tutorname."<br>"; 
                    $content .= "<b>E-mail del padre / madre / tutor: </b>".$tutoremail."<br>"; 
                    $content .= "<b>Teléfono del padre / madre / tutor: </b>".$tutortelephone."<br>"; 
                    $content .= "<b>Autorizo la participación del menor a mi cargo: </b>".$tutorauth."<br>"; 
              
                    if(mail($for, $subject, $content, $header)){ 
                        echo "Te has suscrito al concurso satisfactoriamente. Gracias por participar."; 
                        exit; 
                    }else{ 
                        echo "Ha habido un problema al suscribirte al concurso. Inténtalo de nuevo pasados unos minutos"; 
                    }     
                } 
            } 
        } 
    } 
     
?>

Código HTML:

Ver original<form action="#" method="post" name="envioFormulario" onSubmit = "return validar(this)">
  <table width="600" border="1" align="center">
    <tr>
      <th width="100%" colspan="2">Formulario</th>
    </tr>
    <tr>
      <td width="50%"><div align="right">Asunto</div></td>
      <td><label>
        <input type="text" name="subject" id="textfield" />
        </label></td>
    </tr>
    <tr>
      <td><div align="right">Nombre</div></td>
      <td><input type="text" name="name" id="textfield" /></td>
    </tr>
    <tr>
      <td><div align="right">Edad</div></td>
      <td><input type="text" name="age" id="textfield" maxlength="2" /></td>
    </tr>
    <tr>
      <td><div align="right">Dirección</div></td>
      <td><input type="text" name="address" id="textfield" /></td>
    </tr>
    <tr>
      <td><div align="right">Código Postal</div></td>
      <td><input type="text" name="zipcode" id="textfield" maxlength="5"/></td>
    </tr>
    <tr>
      <td><div align="right">Teléfono Fijo</div></td>
      <td><input type="text" name="telephone" id="textfield" maxlength="9" /></td>
    </tr>
    <tr>
      <td><div align="right">¿Eres menor de 14 años?</div></td>
      <td>
        Si      <input type="radio" name="ageover" onclick="return show();" value="1">
        No  <input type="radio" name="ageover" onclick="return dontshow();" value="0"/>
      </td>
    </tr>
    <tr>
      <td colspan="2">
            <div id="capaMayorEdadRadio" style="display:none">
                <p>Tus datos van a formar parte de un fichero del que es responsable 
            </div>
            <div id="capaRadio" style="display:none;">
                <table border="1" width="100%">
                    <th colspan="2">
                        Autorización Paterna
                    </th>
                    <tr>
                        <td align="right" width="50%">Nombre y apellidos de la lectora: </td>
                        <td><input type="text" name="readername" id="textfield" /></td>
                    </tr>
                    <tr>
                        <td align="right">Nombre y apellidos del padre / madre / tutor: </td>
                        <td><input type="text" name="tutorname" id="textfield" /></td>
                    </tr>
                    <tr>
                        <td align="right">E-mail del padre / madre / tutor: </td>
                        <td><input type="text" name="tutoremail" id="textfield" /></td>
                    </tr>
                    <tr>
                        <td align="right">Teléfono del padre / madre / tutor: </td>
                        <td><input type="text" name="tutortelephone" id="textfield" maxlength="9" /></td>
                    </tr>
                    <tr>
                        <td align="right">Autorizo la participación del menor a mi cargo</td>
                        <td><input name="tutorauth" type="checkbox" value="1" /></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div>
                                <p>Tus datos y que tiene como única finalidad gestionar las promociones o sorteos que organiza la web revistacomotu.com y la revista COMO TÚ, así como  gestionar la entrega del premio que ganes.</p>
 
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"></td>
                    </tr>
                
                </table>
            </div>
      </td>
    </tr>
    <tr>
      <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td><input name="validation" type="hidden" value="1" /></td>
      <td><input name="enviar" type="submit" value="Enviar" /></td>
    </tr>
  </table>
</form>
</body>
</html>