在 jQuery Tabs UI 中实现 Codeigniter 验证

Question

我不确定它是否已经完成，但我正在尝试实施 Codeigniter 验证规则以“挂钩”到我正在生成的后端的 jQuery Tabs UI。

有谁知道是否有人已经实现了这一点 - 如果表单验证表明特定选项卡在表单提交的选项卡上有错误，那就太好了。

任何人都可以提出任何想法吗？谢谢

Answer 1

这很容易实现，假设您有一个包含 3 个字段（字段 1、字段 2 和字段 3）的选项卡，您可以这样写：

 <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 设置标签的样式，以提供包含错误的视觉线索。