jQuery blur（）出现在焦点上

Question

我想验证blur（）上表单的每个输入，以便用户离开输入框时使用。

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

它工作正常，但是当我在第一个输入字段中并按TAB键进入下一个输入字段时，我的脚本直接验证了第二个输入。 但是我只想验证是否保留输入内容。

的jsfiddle

Answer 1

警报导致对象失去焦点，从而触发模糊。 使用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);
});

Answer 2

您的代码似乎运行正常！！！

但是除了警报之外，还必须使用console.log（）如果使用警报，它将连续调用模糊功能，因为您正试图关闭警报框，此时它将调用模糊事件。像循环功能。

代替：

$("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);
});