jquery - Codeigniter 検証を jQuery タブ UI に実装する

Question

すでに完了しているかどうかはわかりませんが、Codeigniter 検証ルールを実装して、作成中のバックエンドの jQuery タブ UI に「フック」しようとしています。

誰かがすでにこれを達成しているかどうかは誰にもわかりません-フォームの検証で、特定のタブにフォーム送信のタブにエラーがあることを示すとよいでしょう。

誰でもアイデアを提案できますか？ありがとう

Answer 1

これは非常に簡単に実現できます。たとえば、3 つのフィールド (field1、field2、および field3) を持つタブがあるとすると、次のように書くことになります。

 <div id="tabs">
  <ul>
    ...
    <li <?=form_error(field_1) || form_error(field_2) || form_error(field_3) ? 'class="error"' : ''?>><a href="#tab-n">Tab with errors</a></li>
    ...
  </ul>
  ...
  <div id="tab-n">
    <?=form_input('field_1')?><?=form_error(field_1)?>
    <?=form_input('field_2')?><?=form_error(field_2)?>
    <?=form_input('field_3')?><?=form_error(field_3)?>
  </div>
  ...
</div>

次に、 を使用してタブのスタイルを設定し.error、エラーが含まれていることを視覚的に示します。