이 질문에 제대로 대답하지 않은 사실 솔직히 솔직히 솔루션의 단순성을 고려하면 바보입니다. 사용자가 탭을 전환 할 때마다 유효성 검사를 호출하고 간단하게 탭을 설정하면됩니다.
여러 탭에 걸쳐있는 다음 양식이있는 경우 ...
그런 다음
<form id="myForm" action="">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a>
</li>
<li><a href="#tabs-2">Tab 2</a>
</li>
<li><a href="#tabs-3">Tab 3</a>
</li>
</ul>
<div id="tabs-1">
<input type="text" id="requiredFiled" name="requiredField" class="validate[required]" />
</div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
</div>
이 같은 형태와 탭을 설정 :
jQuery("#myForm").validationEngine('attach', {
promptPosition: "bottomLeft",
validationEventTrigger: "submit",
validateNonVisibleFields: true,
updatePromptsPosition: true
});
$(function() {
$("#tabs").tabs({
beforeActivate: function (event, ui) {
if (!$("#myForm").validationEngine('validate')) {
event.preventDefault();
$('#myForm').validationEngine('hide');
setTimeout(function() {
$("#myForm").validationEngine('validate');
}, 450);
}
}
});
});
결과는 탭은 사용자가 C 인 경우 사용자가 다른 탭을 선택 할 수 없다는 것입니다 유능한 것은 완전히 유효하지 않습니다. 다음은 JSFiddle 데모입니다. http://jsfiddle.net/g9yLL/36/
건배! :-)