Segui buscando y como estoy usando JQuery UI consegui algo que empleo de esta manera:
Código Javascript
:
Ver originaljQuery.fn.validateTab = function (toTab) {
var isValid = true;
$(this).find("input, select").each(function () {
if (isValid) {
isValid = $(this).valid();
} else {
$(this).valid();
}
});
if (isValid) {
if (!toTab) {
toTab = 0;
}
$("#tabs").tabs('select', toTab);
}
return false;
}
$(document).ready(function () {
$('#btnToPhoneNumber').click(function (e) {
e.preventDefault();
$("#EventoTab").validateTab(1);
});
$('#btnToGeneral').click(function (e) {
e.preventDefault();
$("#AtraccTab").validateTab(0);
});
$('#AlimentoTab').click(function (e) {
e.preventDefault();
$("#").validateTab(0);
});
$('#FestejosTab').click(function (e) {
e.preventDefault();
$("#").validateTab(0);
});
$('#EntretenTab').click(function (e) {
e.preventDefault();
$("#").validateTab(0);
});
$('#DecorTab').click(function (e) {
e.preventDefault();
$("#").validateTab(0);
});
});
Estos son mis tab:
Código HTML:
Ver original<form id="MultiTabValidation" action="detalles.php" method="post"> <!-- tabs -->
<li><a href="#EventoTab" class="w2 current">Evento
</a></li> <li><a href="#AtraccTab" class="w2">Atracciones
</a></li> <li><a href="#AlimentoTab" class="w2">Alimentos/Bebidas
</a></li> <li><a href="#FestejosTab" class="w2">Serv. Festejos
</a></li> <li><a href="#EntretenTab" class="w2">Entretenimiento
</a></li> <li><a href="#DecorTab" class="w2">Decoración
</a></li>
<!-- panes -->
<div style="display: block;"> //aqui varios input text
<div style="display: block;"> //aqui varios checkbox
//...etc
al final coloco el boton que enviará todo a una pagina php:
EL problema es que no se como enviarlo a este documento y pasar los valores que el usuario ingresó.
Por favor necesito que me ayuden a entender como hago esto.
Gracias