html 验证码功能不区分大小写进行验证。

71 阅读 0 评论 47 点赞

我是靠谱客的博主温婉发带，最近开发中收集的这篇文章主要介绍html 验证码功能不区分大小写进行验证。，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

toLowerCase()函数，将字符串转换成小写<head>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
function createCode(len)
{///生成验证码，默认为4
	var seed = new Array(
					'abcdefghijklmnopqrstuvwxyz',  
                    'ABCDEFGHIJKLMNOPQRSTUVWXYZ',  
                    '0123456789'
	)//创建需要的数据数组
	var idx,i;
	var result = '';
	for(i=0;i<len;i++)
	{
		idx = Math.floor(Math.random()*3);//随机获取一个3以内的整数
		result += seed[idx].substr(Math.floor(Math.random()*(seed[idx].length)),1); //从seed[idx]中随机选中一个数据并接在result后面
	}
	return result;
}

function test()
{
	var inputdata = document.getElementById("v_code").value.toLowerCase();//toLowerCase()将字符串转换成小写
	var autodata = document.getElementById("autoCode").innerHTML.toLowerCase();

	if(inputdata == autodata)
	{
		alert("验证通过！");
	}
	else 
	{
		alert("验证码输入错误！");
	}	
}
</script>
</head>

<body>

<span>验证码</span><input type="text" id="v_code">

<label id="autoCode" value="">
<input type="button" value="点击获取验证码" onClick="autoCode.innerHTML=createCode(4)">
</label>

<input type="submit" value="登陆" onClick="test()">

<script type="text/javascript">  
    window.onload()=autoCode.innerHTML=createCode(4);  
</script>
</body>
</html>