jquery - 存在するエラーに基づいて jQuery タブを選択する

Question

2 つのタブにまたがるフォームがあるため、Web アプリケーションでタブを取得して、選択した IF 内にエラーがあることを表示するように取り組んでいます。今のところ、エラーが発生した場合、ユーザーは tabs-2 内のエラー メッセージを見ることができず、何を修正すればよいかわかりません。次のコードがあります。

HTML:

<div id="tabs">
  <ul>
    <li><a id="Tab-1" href="#tabs-1">Tabs 1</a></li>
    <li><a id="Tab-2" href="#tabs-2" ">Tabs 2</a></li>
  </ul>
  <div style="display:block;" id="tabs-1" class="tab-content" name="content">
    <span>Content here</span>
  </div>
  <div style="display:block;" id="tabs-2" class="tab-content" name="content">
    <span id="ETError" class="error-template"></span>
    <span class="error-message">Must enter at least one more</span>
  </div>
</div>

JS:

<script>
  var $j = jQuery.noConflict();

  $j(function() {
    $j( '#tabs' ).tabs();
    $j('#tabs > div').each(function(i) {
      if($j(this).find('#ETError.error-message').length < 0)
        $j('#tabs').tabs('select', i);
    });
  });
</script>