javascript - 验证时取消隐藏 jquery 中的特定字段

Question

编辑:

我正在使用 jquery 验证插件。所有的错误信息实际上都是在后台显示的，但我最初隐藏了它们。当我检查该输入字段时，如果它无效，我想取消隐藏错误消息。我不希望所有错误消息都在其他字段中弹出。我一直在使用 $('#form').valid() 。我这样做的原因是我需要以某种方式与我拥有的按钮同步。我需要 jquery 验证插件来不断检查 $('#form').valid() 是否与我拥有的 ON 和 OFF IMG 按钮相匹配。 IMG 相应地打开和关闭 show() 或 hide()。

现在我有所有的.error <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>

Answer 1

您可以使用以下 jQuery 代码:

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