将Codeigniter验证实现到jQuery Tabs UI中

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