Failing to validate using ditchnet tabs

[Vic Hood]

Hi all ,
Im trying to use a custom tag library called as ditchnet to generate tabs. I have a problem with validation here . The thing is Im being able to perfectly validate a field when validating the selected tab . However the validation fails and the page submits even if there is an invalid input, when the field being validated is in a different tab than the selected current one .
Here's the html rendered through it. Any pointers could be helpful in solving my problem /

<div class="ditch-tab-skin-default"> <div id="foo-bar-container" class="ditch-tab-container"> <div class="ditch-tab-wrap"> <div id="foo-tab" onclick="org.ditchnet.jsp.TabUtils.tabClicked(event);" class="ditch-tab ditch-focused"> <span class="ditch-tab-bg-left"> </span> <a href="http://localhost:8080/CISSource/pages/test.jsp?orgDitchnetTabPaneId=foo" onclick="return false;">General </a> </div> <div id="2-tab" onclick="org.ditchnet.jsp.TabUtils.tabClicked(event);" class="ditch-tab ditch-unfocused"> <span class="ditch-tab-bg-left"> </span> <a href="http://localhost:8080/CISSource/pages/test.jsp?orgDitchnetTabPaneId=2" onclick="return false;">Motor/Bore Details </a> </div> <div id="3-tab" onclick="org.ditchnet.jsp.TabUtils.tabClicked(event);" class="ditch-tab ditch-unfocused"> <span class="ditch-tab-bg-left"> </span> <a href="http://localhost:8080/CISSource/pages/test.jsp?orgDitchnetTabPaneId=3" onclick="return false;">Electrical </a> </div> <div id="4-tab" onclick="org.ditchnet.jsp.TabUtils.tabClicked(event);" class="ditch-tab ditch-unfocused"> <span class="ditch-tab-bg-left"> </span> <a href="http://localhost:8080/CISSource/pages/test.jsp?orgDitchnetTabPaneId=4" onclick="return false;">Water/Details </a> </div> //First tab. <div id="foo" class="ditch-tab-pane" style="display:block;"> <table width="100%" cellpadding="0" cellspacing="0" border="0" >..... </div // Second tab <div id="2" class="ditch-tab-pane" style="display:none;"> ...// Second tab contents </div>