zoukankan      html  css  js  c++  java
  • 生成验证码

    $().ready(function() {
         var code ;
         function createCode(){
             code = "";
             var codeLength = 4;//验证码的长度
             var random = ['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 index = Math.floor(Math.random()*26);//取得随机数的索引(0~35)
               code += random[index];//根据索引取得随机数加到code上
             }
             $('.spanyzm').html(code);//把code值赋给验证码
         }
        //校验验证码
        function validate(){
             var inputCode = $('.yzm').val(); //取得输入的验证码并转化为大写
             if(inputCode.length <= 0) { //若输入的验证码长度为0
               alert("请输入验证码!"); //则弹出请输入验证码
             }else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
               alert("验证码输入错误!@_@"); //则弹出验证码输入错误
               createCode();//刷新验证码
             }else { //输入正确时
               alert("合格!^-^");
             }
        }
        //启动生成验证码
        createCode();
        //刷新验证码
        $('.coderefresh').on('click',function(){
           createCode();
        });
     
  • 相关阅读:
    干掉idea视图黄色警告
    idea插件 Background Image Plus 随机更换背景图片
    es的rest风格的api文档
    使用postman对elasticsearch接口调用
    es插件安装
    emoji表情等特殊字符处理和存储的两个方案
    java8两个字段进行排序问题
    java 必应壁纸批量下载
    elasticsearch学习(1)
    RocketMq报错 Java HotSpot(TM) Server VM warning:
  • 原文地址:https://www.cnblogs.com/wanf/p/7640049.html
Copyright © 2011-2022 走看看