javascript - テキスト検証

Question

これが間違っていることは知っていますが、入力が正しい場合は背景が緑色になり、間違っている場合は赤色になるような検証の種類を実装する方法を知りたいのですが、電子メールの例を使用してみましょう. http://jsfiddle.net/dm6Hm/20/

<input type="email" class="Email" value="Email"/>

(".Email").change(function(e) {
    var $test = $(this).css("background-color", "");
    if ($test.val() == "email@email.com") {
        setTimeout(function() {
            $test.css("background-color", "green").focus();
        }, 0);
    }
});

Answer 1

for correct input-->

   $('.Email').focus(function() {
        $('.Email').css('border','1px solid green');
    });

for incorrect input:

 $('.Email').blur(function() {
        $('.Email').css('border','1px solid red');
    });

イベントを変更する必要があります

Answer 2

$(".Email").keyup(function(e) {
    var $test = $(this).css("background-color", "");
    if ($test.val() === "email@email.com") {
        setTimeout(function() {
            $test.css("background-color", "green").focus();
        }, 0);
    }else{
        setTimeout(function() {
            $test.css("background-color", "red").focus();
        }, 0);
    }
});