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

最新推荐文章于 2022-12-01 11:20:23 发布

Agust1990

最新推荐文章于 2022-12-01 11:20:23 发布

阅读量8.7k

点赞数

分类专栏： web 文章标签： html 验证码大小写

本文链接：https://blog.youkuaiyun.com/Agust1990/article/details/41040717

版权

web 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用JavaScript的toLowerCase()函数实现HTML验证码验证，即使用户输入的大写也能通过验证，确保验证码输入的大小写不敏感。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>