Question

 <p class="e-cp">
      <label for="cp"><span class="red">*</span>C.P.:</label>
      <input type="text" id="cp" name="cp" maxlength="5" value="12345"/>
      <a href="#" id="cp_no" name="cp_no" class="cp_help">No recuerdo mi C.P.</a>
      <label id="error_1"></label>
 </p>

我正在尝试在＆lt;中添加错误消息label id =“error_1”＆gt;当输入是焦点时让它消失，但我还没有找到如何做到这一点。

我正在使用此规则：

 cp:{
      required: {
           depends: function(element) {
                if ($("input[name='cp']").val() != "") {          
                     return false;
                } else {
                     return true;
                }                  
           }
      },

我一直在尝试在返回true之后在else语句中设置功能。</ p>

Answer 1

如果您使用Jquery validation中的验证器（我认为您是，请从您的代码段中猜测），则您无需自行实现此功能。

您只需要为required元素将cp规则设置为 true 即可。要删除焦点上的错误，请将focusCleanup选项设置为 true 。

这是 FIDDLE

$("form").validate({
    debug: true,
    focusCleanup: true,
    rules: {
        cp: "required"
    }
});

此外，您不需要添加自己的标签字段error_1，因为验证器本身会在元素出错后附加错误标签。如果你真的需要它，你必须覆盖验证器的默认error功能，可以找到更相关的东西Here。

Jquery.validate如何在validated元素旁边设置错误消息

1 个答案: