js 怎么不区分大小写

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<META http-equiv=Content-Type content="text/html; charset=gb2312">

<head>
<title>JS生成验证码</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) {
alert("验证码输入错误!");
createCode();//刷新验证码
}

else {
alert("^-^ OK");
}
}
</script>
</head>
<body

onload="createCode()">
<form action="#">
<input type="text" id="input1" /> <input type="text" onclick="create()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" /><br />
<input id="Button1" onclick="validate();" type="button" value="确定" />
</form>
</body>
</html>
<input type="text" id="phone" name="phone"/>
</div>
<div>
<font color="red">*</font>验证码:
</div>
<div>
<input type="text" id="checkCode" name="checkCode" size="4"/>
<input id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()" />
</div>
</form>
</body>
展开
 我来答
匿名用户
推荐于2017-11-21
展开全部
<!DOCTYPE html>
<html>
<META charset=gb2312>

<head>
    <title>JS生成验证码</title>
    <style>
        .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>
        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];
            }

            if (checkCode) {
                checkCode.className = "code";
                checkCode.value = code;
            }
        }

        function validate() {
            var inputCode = document.getElementById("input1").value;
            if (inputCode.length == 0) {
                alert("请输入验证码!");
            } else if (inputCode.toLowerCase() != code.toLowerCase()) {
                alert("验证码输入错误!");
                createCode(); //刷新验证码  
            } else {
                alert("^-^ OK");
            }
        }
    </script>
</head>

<body onload="createCode()">
    <form action="#">
        <input type="text" id="input1" />
        <input type="text" onclick="create()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" />
        <br />
        <input id="Button1" onclick="validate();" type="button" value="确定" />
    </form>
    <input type="text" id="phone" name="phone" />
    <div> <font color="red">
*
</font>
        验证码:</div>
    <div>
        <input type="text" id="checkCode" name="checkCode" size="4" />
        <input id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()" />
    </div>
</body>

</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式