javascript - 一旦字段处于非事件状态，验证电子邮件

Question

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

 $(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

我想你想在blur上做这件事。

$(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事件。或者就像你说的，当我们从一个领域转到另一个领域时。