2014-10-30 52 views
0

編輯:取消隱藏jQuery中的特定字段驗證時

我正在使用jquery驗證插件。所有的錯誤信息實際上都顯示在後臺,但我最初隱藏了它們。當我檢查輸入字段時,如果錯誤消息無效,我想取消隱藏。我不希望所有的錯誤消息已經在其他字段中彈出。我使用$('#form')。valid()不斷。爲什麼我這樣做是因爲我需要以某種方式與我擁有的按鈕同步。我需要有jquery validate插件來不斷檢查$('#form').valid()是否可以匹配我的ON和OFF IMG按鈕。 IMG ON和OFF相應地顯示()或隱藏()。

現在我已經隱藏了所有的錯誤<div>。有沒有辦法只取消那個<div class="error">。假設我正在檢查第二個輸入#error2。如果出現錯誤,我只想使用此關鍵字取消隱藏<div class="error"><div id="error2"> </div></div>?我只想取消隱藏此部分。

$('.error this').show(); 

例如:

<div id="#form"> 
    <input type="text" data-error="#error1"/> 
    <div class="error"> 
     <div id="error1"> </div> 
    </div> 

    <input type="text" data-error="#error2"/> 
    <div class="error"> 
     <div id="error2"> </div> 
    </div> 

    <input type="text" data-error="#error3"/> 
    <div class="error"> 
     <div id="error3"> </div> 
    </div> 

    <img id="on">ON BUTTON</img> 
    <img id="off">OFF BUTTON</img> 
</div> 

回答

0

您可以使用下面的jQuery代碼:

$(this).parent().show(); 
0

if ($('div').hasClass('.error')) 
{ 
    $(this).show(); 
    $(this).find('div').show(); 
} 
0

嘗試

$("[data-error],.error").hide(); 
$("#error2").parent().show().prev().show(); 

DEMO

0

如何:

$('#error2').parent().show();