Jquery UI Tabs, форма проверки

Question

У меня есть JQuery UI вкладками форму, например:

<form> 
    <div id="tabs"> 
    <ul> 
       <li>Link to fragment 1</li> 
       <li>Link to fragment 2</li> 
       <li>Link to fragment 3</span></a></li> 
       <li>Link to fragment 4</li> 
       <li>Link to fragment 5</li> 
    </ul> 

<!-- Form Fields Step 1 --> 
<div id="fragment-1" class="ui-tabs-panel"> 
    Tab 1 Form Fields 
</div>   

<!-- Form Fields Step 2 --> 
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide"> 
    Tab 2 Form Fields 
</div> 

<!-- Form Fields Step 3 --> 
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide"> 
    Tab 3 Form Fields 
</div> 
<!-- Form Fields Step 4 --> 
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide"> 
    Tab 2 Form Fields 
</div> 
<!-- Form Fields Step 5 --> 
<div id="fragment-5" class="ui-tabs-panel ui-tabs-hide"> 
    Form Summary</div> 
</div> 
</form> 

На представить, я хотел бы подтверждение, что берет пользователя к конкретной вкладке, где происходит первая ошибка. Любая помощь приветствуется. -K

Answer 1

ленивым/простым способом было бы использовать javascript, чтобы щелкнуть вкладку nav, для вкладки, содержащей ошибку. Что-то вроде этого ...

кода псевдо:

$('#submit').click(function(){ 
    [validation here] 
    on validate{ 
     $('input.error').closest('.tab_class').attr('id'); 
     var tab_num = get the tab number out of the id with substr 
     $('#tab_nav_button_'+tab_num).click(); [javascript clicks the tab nav, showing the correct tab] 
} 

}