Question

所以我不确定如何说这个，但我有一个表单，我也将它传递给我的jQuery，然后传递给PHP。所以它基本上是一个AJAX请求。现在我要做的是当用户点击它，输入电子邮件，然后点击 off 字段或移动到下一个它将检查它是否有效。到目前为止，它检查我觉得烦人的用户类型。这是我到目前为止所得到的。

 $(document).ready(function() {
    $("#email").keyup(function() {
        var email = $("#email").val(); 
        $.post("../classes/check.php", {email:email},
            function(result) {
                if(result == 0) {
                    //Email valud
                    console.log("Good");
                }
                else {
                    //Email invalid 
                    $("#email").css('border', '2px solid red');
                }
            });
     });
});

有什么想法吗？我认为这与keyup

有关

Answer 1

我想你想在onblur上做。

$(document).ready(function() {
  $("#email").blur(function() {
    var email = $("#email").val(); 
    $.post("../classes/check.php", {email:email},
        function(result) {
            if(result == 0) {
                //Email valud
                console.log("Good");
            }
            else {
                //Email invalid 
                $("#email").css('border', '2px solid red');
            }
        });
   });
});

每次按下一个键时都会调用

keyup，这不是一个非常正确的事件，可以进行字段验证。当输入丢失blur时，将调用focus事件。或者就像你说的那样，当我们从一个领域走到另一个领域时。

Answer 2

不要使用keyup触发，而是尝试使用blur。你绑定子函数中的事件，以便在有人释放密钥时触发，这就是为什么每次有人打字时都会触发它。模糊可能不是你想要的，但它可能会让你接近：http://api.jquery.com/blur/

Answer 3

由于您已经在使用JQuery，因此可以将required标记添加到输入中，并使其为email类型。 JQuery将为您处理验证并向用户显示相应的错误消息。

<input type="email" id="email" required />

在非活动状态下验证电子邮件一次

3 个答案: