突出顯示錯誤發生時使用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類相對應，有任何visuall指示。此外，用戶點擊此第三個選項卡後，你可能會想刪除的my_tab_highlight類。