自分の学籍番号を認識するプログラミング

report2-2.js

(function(){
    $(function(){
        var __VARS__,
        ID = $("#id").val(),
        red = "#CD2525",
        green = "#adff2f",
        blue = "#1E90FF",
        $input = $("#input1"); 

        $input.on("keydown keyup",checkID).val(ID).css("backgroundColor",green);

        function checkID (e){
            var chars = this.value;
            if(chars.length > ID.length){ 
                this.style.backgroundColor = red; 
            }else{
                for(var i = 0 , max = chars.length  ; i < max ; i++){
                    if(chars[i] != ID[i]){ 
                        this.style.backgroundColor = red; 
                        break; 
                    }
                    if(chars.length == ID.length){
                        this.style.backgroundColor = green; 
                    }else{
                        this.style.backgroundColor = blue;
                    }
                }
            }
        }
    })
}());