Que tal,
Estoy haciendo una pagina de registro, la cual uso jQuery Tabs, y los estoy haciendo por pasos, asi que este formulario lo divido en 4 fields, cada field tiene sus campos con su button, todo lo manejo con jquery.
El codigo que uso para validar cada Field es el siguiete:
Código PHP:
$(document).ready(function() {
$("#aspnetForm").validate({
onsubmit: false
});
$('.step .causesValidation').click(Validate);
$('.step :text').keydown(function(evt) {
if (evt.keyCode == 13) {
var $nextInput = $(this).nextAll(':input:first');
if ($nextInput.is(':submit')) {
Validate(evt);
}
else {
evt.preventDefault();
$nextInput.focus();
}
}
});
});
function Validate(evt) {
var $group = $(this).parents('.step');
var isValid = true;
$group.find(':input').each(function(i, item) {
if (!$(item).valid())
isValid = false;
});
if (!isValid)
evt.preventDefault();
}
Este funciona correctamente, mi problema empieza cuando a un button le pongo una funcion al evento onClick(), ya que no pasa la validacion y consume la funcion.
Lo que quisiera saber, es que tengo que hacer para que cuando haga la validacion si no la cumple, no vaya al evento onclick del button
Muchas gracias por la ayuda.
Saludos ¡¡¡