随机验证码（数字和字母组成）及toLowerCase() 字符串转小写方法和toUpperCase（）字符串转大写方法...

最新推荐文章于 2022-11-14 20:53:55 发布

weixin_30429201

最新推荐文章于 2022-11-14 20:53:55 发布

阅读量278

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fanting/p/9808755.html

版权

JavaScript toLowerCase() 方法和toUpperCase（）方法

toLowerCase()方法

定义：toLowerCase() 方法用于把字符串转换为小写。

语法：var str = "String";

str .toLowerCase();// string

toUpperCase()方法

定义：toUpperCase()方法用于把字符串转换为大写。

语法：var str = "string";

str.toUpperCase()//STRING

实例代码：(需要引入jq)

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>随机验证码：</title>
    </head>

    <body>
        <div class='style_text'>
            <div class=''><label>验证码：</label></div>
            <input type='text' id="inputCode" placeholder='请输入验证码' />
            <div class='demoAdd'>
                <div class='style_code' id='checkCodeONE' οnclick="createCode()"></div>
                <a οnclick="createCode()">换一张</a>
            </div>
        </div>
        <input type="button" value='登录' οnclick="load_yanzheng()" />
    </body>

</html>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script>
    createCode();
    //创建验证码
    function createCode() { 
        code = ""; 
        var codeLength = 4; 
        var codeChars = 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',       '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 charNum = Math.floor(Math.random() * 52);  
            code += codeChars[charNum]; 
        }
        $("#checkCodeONE").html("");
        $("#checkCodeONE").append("<span id ='span_code'>" + code + "</span>");
    }

    function load_yanzheng() {
        var inputCode = $("#inputCode").val();
        var spancode = $("#span_code").text(); 
        if(inputCode == '')  {  
            alert("请输入验证码！"); 
        }else if(inputCode.toLowerCase() != spancode.toLowerCase())  {   //toLowerCase（）字符串转为小写
            alert("验证码输入有误！");   
            createCode(); 
        }else{
            alert("验证通过");   
        }
    }
</script>

转载于:https://www.cnblogs.com/fanting/p/9808755.html

weixin_30429201

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
随机验证码（数字和字母组成）及toLowerCase() 字符串转小写方法和toUpperCase（）字符串转大写方法...

JavaScript toLowerCase() 方法和toUpperCase（）方法toLowerCase()方法定义：toLowerCase() 方法用于把字符串转换为小写。语法：var str = "String";str.toLowerCase();// stringtoUpperCase()方法定义：toUpperCase()方法用于把字符串转换为大写。语...
复制链接

扫一扫