zoukankan      html  css  js  c++  java
  • 随机验证码(数字和字母组成)及toLowerCase() 字符串转小写方法和toUpperCase()字符串转大写方法

    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' onclick="createCode()"></div>
                    <a onclick="createCode()">换一张</a>
                </div>
            </div>
            <input type="button" value='登录' onclick="load_yanzheng()" />
        </body>
    
    </html>
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script>
        createCode();
        //创建验证码
        function createCode() { 
            code = ""var codeLength = 4var 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>
  • 相关阅读:
    程序员之道——编程也是一门艺术
    Spring动态获取IoC容器中管理的Bean
    SVN使用教程之——分支、合并
    WebSphere从Windows迁移至Linux出现org.dom4j.DocumentException异常:Nested exception: prolog 中不允许有内容
    Spring动态获取IoC容器中管理的Bean
    com.microsoft.sqlserver.jdbc.SQLServerException: 将截断字符串或二进制数据
    IMP导入数据 出现ORA01691问题 解决办法
    jquery对象与Dom对象的相互转化
    json<>js
    photoshop快捷键
  • 原文地址:https://www.cnblogs.com/fanting/p/9808755.html
Copyright © 2011-2022 走看看