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>
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>
Gracias,
Un saludo.