前台是个什么东西---JavaScript---一个验证码的小程序 -

metallica_1860

浏览: 34049 次
性别:
来自: 天津

最近访客更多访客>>

Gin_Scotch

caiyuanmao

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

前台是个什么东西---JavaScript---一个验证码的小程序

博客分类：

前端技术

JavaScript XHTML CSS HTML C


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <style type="text/css">
        .code {
            background-image:url(code.jpg);
            font-family:Arial;
            font-style:italic;
            color:Red;
            border:0;
            padding:2px 3px;
            letter-spacing:3px;
            font-weight:bolder;
        }
        .unchanged {
            border:0;
        }
    </style>
    <script language="javascript" type="text/javascript">
	    //在全局 定义验证码
		var code ; 
		function createCode(){
			code = "";
			//验证码的长度
			var codeLength = 6;
			var checkCode = document.getElementById("checkCode");
			var selectChar = 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');//所有候选组成验证码的字符，当然也可以用中文的
			for(var i=0;i<codeLength;i++){
				var charIndex = Math.floor(Math.random()*36);
				code +=selectChar[charIndex]; 
			}
			if(checkCode){
				checkCode.className="code";
				checkCode.value = code;
			}
		}

		function validate (){
			var inputCode = document.getElementById("input1").value;
			if(inputCode.length <=0){
				alert("请输入验证码！");
			}else if(inputCode != code ){
				alert("验证码输入错误！");
				createCode();//刷新验证码
			}else{
				alert("^-^ OK");
			}
		}
    </script>
</head>
<body onload="createCode()">
<form  action="#">
     <input  type="text"   id="input1" />
    <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />
    <input id="Button1"  onclick="validate();" type="button" value="确定" /> 
</form>
</body>
</html>

分享到：

关于生成文本的换行 | 前台是个什么东西---JQ&JS---一个排班的程 ...

2010-06-25 10:12
浏览 668
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

前台是个什么东西---JavaScript---一个验证码的小程序

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

前台是个什么东西---JavaScript---一个验证码的小程序

评论

发表评论

相关推荐

前台是个什么东西---JQ&JS---一个排班的程序(JAVASWT改版)

前台是个什么东西---JavaScript---站在CSDN的肩膀上-->页面上的滚动广告图

前台是个什么东西---JavaScript---页面上的"今天是X年X月X日"

前台是个什么东西---JQuery---几种控制div的UI操作

前台是个什么东西---JQuery---导航菜单

前台是个什么东西---JavaScript---JQuery简单测试ajax

前台是个什么东西---JavaScript---JS面向对象

前台是个什么东西---JavaScript---执行

前台是个什么东西---JavaScript语法集锦

最近访客更多访客>>