Jquery模糊()异常

Question

假设我使用 blur() 事件验证了电子邮件 ID，我正在这样做:

$('#email').blur(function(){
    //make ajax call , check if duplicate email exist and if duplicate is there do :
    $('#email-error').html('duplicate email exisit');
});

但是，当我使用 blur() 时，如果我在输入框上，请单击其他位置(发生模糊事件)，并且如果我切换到另一个选项卡并再次返回到该选项卡(的浏览器)我的页面卡住了，有人可以给我一个替代方案吗？

Answer 1

使用 .change代替模糊 函数。当元素的值发生变化时，更改事件会发送到元素。每次文本框失去焦点时，您的 blur 事件 或 focusout 事件 都会不必要地触发 ajax 请求数据是否已更改。

$('#email').change(function(){
   //make ajax call , check if duplicate email exist and if duplicate is there do :
   $('#email-error').html('duplicate email exisit');
});