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

来源:互联网 发布:支持windows的手机 编辑:程序博客网 时间:2024/05/29 18:32

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



<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">function createCode(len){///生成验证码,默认为4var 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>


0 0