Я пытаюсь решить проблему, когда у меня есть обязательные поля формы, скрытые за вкладками.
Мне удалось заставить эту половину работать так, что когда вы нажимаете кнопку отправки любых обязательных + скрытых полей, она автоматически отображает эту вкладку.
Но проблема возникает, когда вы: 1. Загружаете страницу, нажимаете «Отправить», и все работает нормально. 2. Вернитесь на первую вкладку и снова нажмите «Отправить», и ничего не произойдет.
// Form validator
var theForms = $("form[method=post]:not(.noValidate)");
if (theForms.length){
theForms.each(function(){
var $dis = $(this);
if($dis.hasClass("validateHidden")){
jQuery.validator.setDefaults({
ignore: ''
});
}
validater = $dis.validate({
errorPlacement: function(error, element) {
var trigger = element.next('.ui-datepicker-trigger, .input-label');
if(!trigger.length){ trigger = element.parent('label'); }
var labelWidth = element.parent("p").not(".full").find("label").eq(0).width();
error.insertAfter(trigger.length > 0 ? trigger : element)
.css("marginLeft", labelWidth);
// Check if hidden inside tab
if(element.parents(".tab").is(":hidden")){
var tabs = element.parents(".tabs");
tabs.find(".tab").hide();
var tab = $("#"+element.parents(".tab").attr("id"));
tab.show();
tabs.find(".tabmenu li").removeClass("selected");
tabs.find(".tabmenu li").eq(tab.index()-1).addClass("selected");
}
}
});
$('.tabs').bind('tabsselect', function(){
validater.resetForm();
});
});
}