Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/05/2013, 11:59
josemota
 
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