jQuery 模糊和提交传播问题

Question

我有一个简单的新用户表单，其中包含一个“显示名称”输入字段，该字段会触发对blur() 事件的ajax 调用。这是为了验证输入的值是否已存在于数据库中。

示例:

 $("#displayname").blur(function() {
    //do something
 })

给出显示名称后，用户单击“提交”按钮继续操作，这是表单中的下一个立即操作。

示例:

$("#button").click(function() {
   $("#form").trigger("submit");
})

但是，blur() 事件始终首先触发，并且按钮单击未注册。只有第二次单击该按钮时，传播才会正确。这导致我的表格困惑。

当我点击按钮时，有什么办法可以抑制文本框的blur()事件吗？

感谢您的任何帮助干杯!

Answer 1

如果我理解正确，问题场景是由于单击按钮导致模糊。

幸运的是，事件信息被传递给处理程序，并且事件应该包含一个 target 属性。由此，您可以推断是否对模糊进行处理。使用您最喜欢的 js 调试器在 blur 事件处理程序中停止并查看 target 属性上的内容。

$("#displayname").blur(function(evt) {
   if (evt.target is not the button){ // figure this out with debugger
      //do something 

       return true; // I handled it
   }
   return false; // I didn't handle it
 })

但是，在这种情况下，您不会动态检查字段中的内容是否不在数据库中。

@eZakto 有一个很好的建议，即禁用提交按钮，直到完成对输入的 ajax 检查。