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

时间:2011-09-02 05:40:55

标签: jquery jquery-ui validation

我有一个使用jquery UI / TABS的3个标签的表单。即时通讯使用jquery验证插件来验证表单,如果我的第二个标签的文本框遇到必填字段错误如何突出显示第二个标签,那么用户可以看到来自哪里的错误

任何帮助

问候

1 个答案:

答案 0 :(得分:2)

找到第二个标签并为其添加一些css类。

鉴于您已经创建了这样的标签:

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

您可以轻松“选择”任何标签并为其添加一些类以突出显示它(将类添加到第三个标签:

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

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