Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Jquery validate - Campos requeridos

Estas en el tema de Jquery validate - Campos requeridos en el foro de Jquery en Foros del Web. Hola, Tengo el siguiente código. Parte JS: Código HTML: <script src= "../js/jquery-1.9.1.js" type= "text/javascript" > </script> <script src= "../js/jquery.validate.js" type= "text/javascript" > </script> <script src= ...
  #1 (permalink)  
Antiguo 10/05/2013, 11:59
 
Fecha de Ingreso: marzo-2010
Mensajes: 35
Antigüedad: 14 años, 9 meses
Puntos: 1
Jquery validate - Campos requeridos

Hola,

Tengo el siguiente código.

Parte JS:

Código HTML:
 <script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
        <script src="../js/jquery.validate.js" type="text/javascript"></script>
        <script src="../js/additional-methods.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function() {
           $('#formBD').validate({
               rules: {
                host: {required: true},
                db: {required: true},
                user: {required: true},
                password: {required: true}
               },
           messages: {
                host: {required: "Debe ingresar un host"},
                db: {required: "Debe ingresar una base de datos"},
                user: {required: "Debe ingresar un usuario"},
                password: {required: "Debe ingresar una clave"}
           },
          // debug: true,
           /*errorElement: 'div',*/
           //errorContainer: $('#errores'),
           submitHandler: function(form){
               alert('El formulario ha sido validado correctamente!');
           }
        });
    });

        </script> 
Parte HTML

Código HTML:
 <table border="0" style="margin-top:25px; margin-left:15px; margin-bottom:25px;">
                <form method="POST" id="formBD" name="formBD">
                <tr>
                    <td>Host </td>
                    <td class="espaciadoConexion"> <input type="text"  name="host" id="host"> </td>
                </tr>
                <tr>
                    <td> DB </td>
                    <td class="espaciadoConexion"> <input type="text" name="db" id="db"> </td>
                </tr>
                <tr>
                    <td> Usuario </td>
                    <td class="espaciadoConexion"> <input type="text" name="user" id="user"> </td>
                </tr>
                <tr>
                    <td> Contrase&ntilde;a </td>
                    <td class="espaciadoConexion"> <input type="password" name="password" id="password"> </td>
                </tr> 
                <tr> <td colspan="2" class="botonContinuar"><input type="submit" class="btn btn-primary btn-large" value="Continuar"></a></td>
                </form>
            </table> 
Como véis, he puesto como requeridos todos los campos, sin embargo, aunque no escriba nada, si le doy al botón de continuar me sale el mensaje "El formulario ha sido validado correctamente!" como si las comprobaciones las hubiera pasado. ¿Alguién sabe xq pasa esto?

Gracias,

Un saludo.

Última edición por josemota; 10/05/2013 a las 12:01 Razón: Equivocación de código
  #2 (permalink)  
Antiguo 11/05/2013, 23:05
Avatar de fhederico  
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 15 años, 4 meses
Puntos: 23
Respuesta: Jquery validate - Campos requeridos

Hola,

Has probado dejarlo default? es decir

Código:
 $(document).ready(function() {
           $('#formBD').validate({});
O ir quitando el JS adicional que tienes? lamentablemente no veo un error a simple vista, asi que es para ir debugeando no mas

Etiquetas: campos
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




La zona horaria es GMT -6. Ahora son las 12:25.