在jQuery Tabs UI中實現Codeigniter驗證

Question

我不確定它是否已經完成，但是我正在嘗試實現Codeigniter驗證規則，以“掛鈎”到我正在生成的后端的jQuery Tabs 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設置選項卡的樣式，以直觀地提示它包含錯誤。