javascript简易验证码

zjx2388

浏览: 1305168 次
性别:
来自: 北京

最近访客更多访客>>

lesliehanhan

sosoab

double_h

pp_dadi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

javascript

<!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>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <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 = 4;//验证码的长度
       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];
       }
//       alert(code);
       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 )//区分大小写
	   //else if(inputCode.toLowerCase() != code.toLowerCase() )//不区分大小写的处理
       {
          alert("验证码输入错误！");
          createCode();//刷新验证码
       }
       else
       {
         alert("^-^ OK");
       }
      }
</script>
</head>
<body>
<form action="#">
     <input type="text" onclick="createCode()" id="input1" />
    
    <input type="text" id="checkCode" class="unchanged" style="width: 80px" /><br />
    <input id="Button1" onclick="validate();" type="button" value="确定" /> 
</form>
</body>
</html>

分享到：

正在检查操作系统要求...要求的结果: 5. ... | java的堆，栈，静态代码区详解

2012-04-10 16:33
浏览 1399
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript简易验证码

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript简易验证码

评论

发表评论

相关推荐

jQuery 取值、赋值的基本方法[转]

jquery处理JSONArray

jQuery的Select操作集合

JS 浮点计算 精度缺失

DIV层被Flash或表单遮盖的解决方法

zTree子节点异步加载注意

js刷新页面--2【转】

jQuery 的DatePicker 添加一个Clear清除按钮

Ext 总结

下拉框,且可以编辑

省市级联菜单,静态HTML

input只允许输入数字

javascript判断字符长度

HTML 日期

JS中window.setInterval和window.setTimeout的区别

dwr定时获取后台数据

JS 跳出iframe框架,退出

文件上传页面控制动态添加删除的代码

jQuery 操作手册(4)

jquery 操作手册(3)

最近访客更多访客>>

JS 浮点计算精度缺失