jQuery blur后面跟着blur

Question

当输入失去焦点时，我想使用jQuery在文本输入周围创建一个绿色边框表示有效输入，红色边框表示无效。我写了下面的代码，但它只适用于第一个blur（）事件。是不是一个模糊事件之后不能再出现另一个模糊？

正如您所看到的，第一个模糊检查userID是否可用，而第二个模糊确保输入不是空的。

求你了，我需要帮助。如果代码需要小的调整，您可以对其进行更正，或者只需创建一个新的代码即可。（我对jQuery比较陌生）

$(document).ready(function($){
        $("#userid").blur(function(){
            $.post("validate.php", {"userid": $("#userid").val()},
            function(response){
                if (response == 0){
                    $("#userid").css('border', '2px solid #44FF00');
                }
                else {
                    $("#userid").css('border', '2px solid red');
                }
            });
        }).blur(function(){
            if ($("#userid").val()==""){
                $("#userid").css('border', '2px solid red');
            }
            else {
                $("#userid").css('border', '2px solid #44FF00');
            }
        });
    });

Answer 1

为什么要模糊事件，而一个事件对你来说已经足够了。。。

$(document).ready(function($){
        $("#userid").blur(function(){
            if ($("#userid").val()==""){
                $("#userid").css('border', '2px solid red');
                return False;
            }
            else {

            $.post("validate.php", {"userid": $("#userid").val()},
            function(response){
                if (response == 0){
                    $("#userid").css('border', '2px solid #44FF00');
                }
                else {
                    $("#userid").css('border', '2px solid red');
                }
            });
}

    });