发生错误时突出显示 jquery 选项卡 使用 jquery 验证插件进行验证

Question

我有一个使用 jquery UI/TABS 的带有 3 个选项卡的表单。我使用 jquery 验证插件来验证表单，如果我的第二个选项卡的文本框命中必填字段错误如何突出显示第二个选项卡，那么用户可以看到错误来自哪里

任何帮助

问候

Answer 1

只需找到第二个选项卡并为其添加一些 css 类。

假设您已经创建了这样的标签：

$("#example").tabs();

您可以轻松“选择”任何选项卡并向其添加一些类以突出显示它（将类添加到第三个选项卡：

$("#example > ul > li:nth-child(3)").addClass('my_tab_highlight');

当然，您必须有一些 css 与 my_tab_highlight css 类相对应，才能有任何视觉指示。此外，在用户单击第三个选项卡后，您可能希望删除 my_tab_highlight 类。