Amigos mios,
estoy creando un formulario para validarlo con jquery validator.
tengo esto.
Código HTML:
Ver original<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
$(document).ready(function() {
var errors = '';
$("#frmLogin").validate({
onfocusout: false,
onkeyup: false,
onclick: false,
onsubmit: true,
rules: {
nombres: {
required: true
},
apellidos: {
required: true
},
email: {
required: true,
email: true
},
telefono: {
required: true
}
},
errorPlacement: function(error, element) {
error.appendTo($('#dialog'));
},
showErrors: function(errorMap, errorList){
this.defaultShowErrors();
$('#dialog').dialog('open');
},
submitHandler: function(form) {
console.log("Call Login Action");
}
});
$('#dialog').dialog({
autoOpen: false,
modal:true,
close: function(event, ui) {
$('#dialog').html('');
}
});
});
<a href="index.html" data-rel="back">Home
</a>
<div data-role="content">
<form id="frmLogin" class="validate" method="POST"> <div data-role="fieldcontain"> <input type="text" id="nombres" name="nombres" />
<div data-role="fieldcontain"> <input type="text" id="apellidos" name="apellidos" />
<div data-role="fieldcontain"> <input type="text" id="rut" name="rut" />
<div data-role="fieldcontain"> <input type="text" id="email" name="email" />
<div data-role="fieldcontain"> <label for="repeat_email">Confirmar Email:
</label> <input type="text" id="repeat_email" name="repeat_email" />
<div data-role="fieldcontain"> <input type="text" id="telefono" name="telefono" />
<div class="ui-body ui-body-b">
segui el ejemplo que se muestra aqui
http://forum.jquery.com/topic/jquery...37000004093368
pero no me resulta