Javascript jQuery blur()显示在焦点上

Javascript jQuery blur()显示在焦点上,javascript,blur,Javascript,Blur,我想在blur()上验证表单的每个输入,这样如果用户离开输入框 $("form#relative_form :input").blur(function() { var input = $(this).attr('id'); alert("Validate: " + input); }); 它工作正常,但当我在第一个输入字段中,点击TAB键进入下一个输入字段时, 我的脚本直接验证第二个输入。 但我只想验证是否保留了输入 警报导致对象失去焦点,触发模糊。改为使用Console.log

我想在blur()上验证表单的每个输入,这样如果用户离开输入框

$("form#relative_form :input").blur(function() {
   var input = $(this).attr('id');
   alert("Validate: " + input);
});
它工作正常,但当我在第一个输入字段中,点击TAB键进入下一个输入字段时, 我的脚本直接验证第二个输入。 但我只想验证是否保留了输入


警报导致对象失去焦点,触发模糊。改为使用Console.log()进行测试:

$("form#relative_form :input").blur(function() {
    var input = $(this).attr('id'); // This is the jquery object of the input, do what you will
    console.log("Validate: " + input);
});

您的代码似乎运行良好

但是,您必须使用console.log()来代替警报。如果 使用警报,然后它将连续调用模糊功能,因为您 正在尝试关闭警报框,此时它将调用blur 事件。所以它类似于循环函数。

而不是:

$("form#relative_form :input").blur(function() {
   var input = $(this).attr('id');
   alert("Validate: " + input);
});
应该是:

$("form#relative_form :input").blur(function() {
   var input = $(this).attr('id');
   console.log("Validate: " + input);
});