用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

验证码

2018-02-06 作者:MRdai举报

[javascript]代码库

<html>
	<head>
		<meta charset="UTF-8">
		<title>验证码</title>
		<script type="text/javascript" src="js/jquery-1.7.2.js" ></script>
		<style>
			#code{
				color:blue;
				font-size:30px;
				font-weight:bolder;
				cursor:pointer;
				text-align:center;
			}
		</style>
<body>
	<div>
		<p>验证码</p>
			<div>
				<input type="text" id="inputcode" onblur="judge()" style="margin-top: 10px;"/>
				<span style="background-color: yellow;" id="code" onclick="create()"></span>
			</div>
	</div>
</body>

<script type="text/javascript">
		
		$(function(){
			create();
		});
		var code;
		
		var create = function(){
			code="";
			var codeLength=6;
			var code_array = new Array(0,1,2,3,4,5,6,7,8,9,
			'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 
			'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 
			'w', 'x', 'y', 'z','A', 'B', 'C', 'D', 'E', 'F', 'G',
			'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
			'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
			
			for(var i = 0;i<codeLength;i++){
				var  index = Math.floor(Math.random() * 62);
				code+=code_array[index];
			}
			$("#code").html(code);
		}
		
		var judge = function(){
			var inputcode = $("#inputcode").val();
			if(inputcode == code){
				alert("OK")
			}else{
				alert("NO")
				create();
			}
		}
	</script>
</html>


分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。