jQuery размытие с последующим размытием - PullRequest
Новая
       12

jQuery размытие с последующим размытием

0 голосов
/ 01 июня 2011

Я хочу использовать jQuery для создания вокруг текстового ввода, зеленой границы для правильного ввода и красной для недопустимого, когда ввод теряет фокус. Я написал код ниже, но он работает только для первого события blur (). Неужели за размытием не может последовать другое размытие?

Как видите, первое размытие проверяет, доступен ли идентификатор пользователя, а второе гарантирует, что ввод не пустой.

Пожалуйста, мне нужна помощь. Вы можете исправить код, если он требует незначительной корректировки, или просто создать новый, если это необходимо сделать. (Я относительно новичок в 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 Ответ

2 голосов
/ 01 июня 2011

Почему вы хотите делать размытие событий, когда вам достаточно одного ... 

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


    });
...