jQuery模糊后跟模糊

时间:2011-06-01 09:45:24

标签: jquery blur

当输入失去焦点时,我想使用jQuery围绕文本输入创建,绿色边框用于有效输入,红色边框用于无效。我编写了下面的代码,但它只适用于第一个blur()事件。是模糊事件不能跟随另一个模糊吗?

如您所见,第一个模糊检查用户ID是否可用,而第二个模糊确认输入不为空。

我需要帮助。如果需要进行微调,您可以更正代码,或者只需要创建一个新代码即可。 (我对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');
            }
        });
    });

1 个答案:

答案 0 :(得分:2)

为什么你想要在一个人足够的时候做模糊事件......

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


    });