在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设置选项卡的样式，以直观地提示它包含错误。