一个数字加运算的验证码

之前做项目的时候，有一个验证码的功能需要做成运算验证码，我这里只做了一个单一加法运算的验证码，現代码记录如下，方便日后使用。

jsp页面上的代码：

验证码

js里的代码：

var flag = false;
$(function() {  
    var code = 9999; 
   
    function codes(){
    	
        var ranColor = '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6); //随机生成颜色
    	// alert(ranColor)
    	var ranColor2 = '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6); 
     	var num1 = Math.floor(Math.random() * 100);  
        var num2 = Math.floor(Math.random() * 100);  
        code = num1 + num2;  
        
        $("#code").html(num1 + "+" + num2 + "=?");  
        if ($("#code").hasClass("nocode")) {  
            $("#code").removeClass("nocode");  
            $("#code").addClass("code");        
        }  
        $("#code").css('background',ranColor);
         $("#code").css('color',ranColor2);
    }
    codes()
   
    $("#code").on('click',codes)
      
    $(".yzm").blur(function(){ 
        if ($(".yzm").val() == code && code != 9999) {  
            $("#result").html("   √"); 
            flag = true;
        } else {  
        	$("#result").html("验证码错误"); 
        	flag = false;
        }  
    });  
    
    $("#username").focus(function(){
    	$("#msg").html("");
    });  
    
}); 


function checkSubmit(){
	return flag;
}

ps:这里使用了jquery，所以在jsp页面里也需要引入jquery.js文件