[SOLUCIONADO] Formulario con validación javascript se envía aunque se valide

[sam03]

Hola, estoy validando un formulario con el jQuery Validation Plugin y si me valida, el formulario lo envió a una función mediante onsubmit(), el problema es que a pesar de ser validado siempre se me envía con el onsubmit.

este es el código de la validación:

Código Javascript:

<script type="text/javascript">
    $(function(){
      $('#login').validate({
        rules :
        {
          
          CARNET : 
          {
            required : true,
            minlength : 8,
            maxlength : 8
          },
 
          CONTRASENA : 
          {
            required : true,
            minlength : 5,
            maxlength : 10
          }
        },
 
        messages : 
        {
 
          CARNET : 
          {
            required : "Debe ingresar su Carnet.",
            minlength : "El Carnet debe tener 8 caracteres.",
            maxlength : "El Carnet debe tener 8 caracteres."
          },
 
          CONTRASENA : 
          {
            required : "Debe ingresar su contraseña.",
            minlength : "La contraseña debe tener un minimo de 5 caracteres.",
            maxlength : "La maximo debe tener un minimo de 10 caracteres."
          }
        }
      }); 
    });
</script>
 

Este es el código de mi formulario:

Código HTML:

<form id="login" role="form" onSubmit="iniciarSesion(); return false">
                          
                            <div class="form-group">
                                <input class="form-control input-lg" placeholder="Carnet" type="text" name="CARNET" id="CARNET" required>
                            </div>
                            <div class="form-group">
                                <input class="form-control input-lg" placeholder="Contraseña" type="password" name="CONTRASENA" id="CONTRASENA" required>
                            </div>
                            <div class="form-group">
                                <button type="submit" name="entrar" class="btn btn-primary btn-lg btn-block">Entrar</button>
                            </div>
                      </form>
 

[Alexis88]

Si estás usando el plugin validate para validar el formulario, no hace falta que ejecutes otra función al momento de enviar los datos, como veo que intentas hacerlo al ejecutar la función iniciarSesion. Deja todo el trabajo en manos del plugin. Quizá sea esa función la que está produciendo ese comportamiento.

Saludos

[sam03]

estas es la función a la cual intento enviar el formulario

Código Javascript:

function iniciarSesion()
{
 
 
    var newUrl      ="ajax/iniciarSesion.php";
    var parametros  ={ 
                        "CARNET"        :$("#CARNET").val(),
                        "CONTRASENA"    :$("#CONTRASENA").val()
                     };           
    $.ajax(
    {       
        data    :parametros,//ENVIO LOS PARAMETROS 
        url     :newUrl,//PAGINA QUE PROCESA LOS DATOS 
        type    :"post", 
        beforeSend:function() 
        {//FUNCION QUE HACE LO QUE ANTES DE QUE SE EJECUTE EL AJAX 
            $("#msn").html("<img  src='images/carga.gif' border='0'/> Generando Catalogo"); 
        }, 
        success:function(response)
        {//FUNCION QUE ME DEVUELVE CUANDO HAYA PROCESADO             
            $("#msn").html(response);
        }, 
        error:function()
        { 
            $("#msn").html("Ha ocurrido un error"); 
        }                 
    }); 
}
 

y esa función me lleva a esto:

Código PHP:

<?php
 
    include_once("../clases/Sesiones.php");
 
    $sesiones = new Sesiones();
 
    $sesiones -> setCarnet($_POST["CARNET"]);
    $sesiones -> setContrasena($_POST["CONTRASENA"]);
 
    $sesiones -> validar();
?>
 

[Alexis88]

Una pregunta: ¿Estás intentando validar solo con PHP o también con el plugin? Porque, en la función iniciarSesion, no utilizas el plugin, con lo cual, este último queda sobrando.

[sam03]

Tenes razón al final use un manejador del onsubmit del mismo plugin este es el código de la validación al final:

Código Javascript:

<script type="text/javascript">
    $(function(){
      $('#login').validate({
        rules :
        {
          
          CARNET : 
          {
            required : true,
            minlength : 8,
            maxlength : 8
          },
 
          CONTRASENA : 
          {
            required : true,
            minlength : 4,
            maxlength : 20
          }
        },
 
        messages : 
        {
 
          CARNET : 
          {
            required : "Debe ingresar su Carnet.",
            minlength : "El Carnet debe tener 8 caracteres.",
            maxlength : "El Carnet debe tener 8 caracteres."
          },
 
          CONTRASENA : 
          {
            required : "Debe ingresar su contraseña.",
            minlength : "La contraseña debe tener un minimo de 5 caracteres.",
            maxlength : "La maximo debe tener un minimo de 10 caracteres."
          }
        },
        submitHandler: function() 
        {
          iniciarSesion();
        }
      }); 
    });
</script>
 

Este es el manejador que utilice:

Código Javascript:

submitHandler: function() 
        {
          iniciarSesion();
        }