Formulario siempre envia

[oNefl0w189]

Tenia la idea, pero no sabia como llevarla a cabo del todo, pues lo que postee ahí arriba era un intento de la solución que tu me diste alexg88.

He echado un vistazo a la página que me pasaste, esta muy bien, lo explica bien.. aunque quizás de manera muy simple, debería tener algun ejemplo mas complejillo para pillarle bien el truco jejeje, pero me ha aclarado muchas cosas la verdad!

así me ha quedado al final:

formulario

Código HTML:

<form class="formEncuesta" name="formulario" method="post" onsubmit="return comprobar();" action="registrar.php">
<fieldset>
        <legend> * Cuestionario * </legend>
            <ul>
            <li>
                » Numero de Pregunta: <input type="number" size="50" min="1" max="90" name="pregunta" id="pregunta" placeholder="Introduce el número de la pregunta" onChange="verificar(this.id);" required/> * <br> <br>
            </li>
            <li>
                » Nota del Evaluador 1: <input type="number" size="50" min="0" max="100" name="evaluador1" id="evaluador1" placeholder ="Introduce Calificación Evaluador 1" onChange="validar(this.id);" required/> *
            </li>
            <li>
                » Nota del Evaluador 2: <input type="number" size="50" min="0" max="100" name="evaluador2" id="evaluador2" placeholder ="Introduce Calificación Evaluador 2" onChange="validar(this.id);" required/> *
            </li>
            <li>
                » Nota del Evaluador 3: <input type="number" size="50" min="0" max="100" name="evaluador3" id="evaluador3" placeholder ="Introduce Calificación Evaluador 3" onChange="validar(this.id);" required/> *<br><br>
            </li>
            <li>
            <table>
                <tr>
                    <td width="400px">» Evidencias a Favor:</td> 
                    <td width="400px">» Evidencias en Contra: </td>
                </tr>
                <tr>
                    <td width="400px"><textarea name="vp1" id="vp1" placeholder="Evidencias a favor" cols="40" rows="10"></textarea></td> 
                    <td width="400px"><textarea name="vn1" id="vn1" placeholder="Evidencias en contra" cols="40" rows="10"></textarea></td>
                </tr>
            </table>
            </li><br>
            <li><i>* Solo podrás contestar las preguntas que no hayan sido contestadas. Consulta cual han sido contestadas <a href="contestadas.php" target="blank">AQUÍ</a>.</i></li>
            <br><br>
    </fieldset>
    <br>
    <input type="submit" value="Enviar">  <input type="reset" value="Limpiar">
    </form>
 

validador:

Código Javascript:

//  Validacion Numérica
 
function validarEntero(input){
return !isNaN(input)&&parseInt(input)==input;
}
 
 
//Campos valoración
 
function validar(campo){ 
var valoracion = document.getElementById(campo);   
if((!validarEntero(valoracion.value))||(valoracion.value == "")||(valoracion.value <= 0)||(valoracion.value > 100)){
valoracion.value = "";
valoracion.focus();
return false;
    }
    else{
    return true;
    }
}
 
 
//Campo pregunta
 
function verificar(campo){
var pregunta = document.getElementById(campo); 
if((!validarEntero(pregunta.value))||(pregunta.value == "")||(pregunta.value < 1)||(pregunta.value > 90)){
pregunta.value = "";
pregunta.focus();
return false;
    }
    else{
    return true;
    }
}
 
// Validación true o false (enviar o no).
function comprobar(){
return verificar('pregunta') && validar('evaluador1') && validar('evaluador2') && validar('evaluador3');
}
 

Le hice algunos pequeños cambios y le añadí alguna cosilla que le faltaba para dejarle a mi gusto, pero esta prácticamente igual.


Muchísimas gracias a todos por esforzaros en que comprendiese el funcionamiento, he aprendido bastante. :P


Un saludo.


PD: mucho karma os merecéis! jeje