jquery : focusCleanup: true和focusInvalid: false不像预期的那样工作

Question

我正在使用Joern的jquery验证插件 1.6。

我的目标是有以下行为:删除一个元素的错误消息，一旦用户聚焦它。根据我的理解，设置'focusCleanup: true‘应该会处理这个问题。

但是(至少在我的浏览器上(Linux上的Firefox3.5.7))，如果我单击字段中的；它不能正确地处理在字段中的选项卡，我只会得到想要的行为(即，一旦聚焦字段就会消失的字段的错误消息)。

样本代码：

HTML：

   <form id='abc' name='abc'>
    <input type="text" id="t1" name="t1"/>
    <input type="text" id="t2" name="t2"/>
    <input type="submit" id="submit" value='submit'/> 
    </form>

联署材料：

   $("#abc").validate({
   focusCleanup: true,
   focusInvalid: false,

    rules: {t1: {required: true, email:true}, t2: {required: true,email:true}}
});

我设置'focusInvalid: false‘，因为文档说应该避免将focusCleanup和focusInvalid合并；在我的经验中，注释掉这一行没有什么区别。

我做错了什么吗？

Answer 1

你正在经历的是正确的行为，只是有点违背直觉。您可以在这里的演示中看到您的代码。。当您单击时，您是只关注textbox的，但是当您在选项卡中选择导致两个重要事件时，您将同时触发focusin和keyup。

由于您正在触发keyup，所以正在清除错误，但是由于您在框中键入了某些内容(它没有将选项卡与任何其他键区分开来，比如字母)，那么它将重新评估该框在每个keyup上是否有效，显示与以前相同的错误，因为选项卡对that...since没有任何影响--它没有添加任何文本。

如果您想禁用onkeyup验证，它将停止这样做，如下所示：

$("#abc").validate({
  focusCleanup: true,
  rules: {t1: {required: true, email:true}, t2: {required: true,email:true}},
  onkeyup: false,
});​

为了比较，下面是演示中的代码，所以您可以将其与上面的原始演示进行比较。