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ñ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.