专栏首页会呼吸的Coderjs实现随机验证码功能

js实现随机验证码功能

前言:

本文利用js实现随机显示验证码功能,当然开发中,大部分都是一些图片,而不是像本文章中的数字,本文封装了一个函数,分别随机出数字和运算符。具体请看详细代码,页面效果在最下方。如果哪里有不足,您可以在下方评论,或者直接联系邮箱:one_code@163.com.

正文:

创建一个function:随机生成数字与运算符

function randomInt(x){
    var code = Math.floor(Math.random()*x)
    return code
}

生成加减法验证码:

在此函数中调用randomInt(),如果是减法,则判断结果是否小于0,小于则继续随机,否则输入页面,利用 result保存结果。

var code,result;
function createCode() {

var isTrue = true;
while (isTrue){
    var first = randomInt(30)
    var last =randomInt(30)
    var opt= randopt(2);
    if(opt==0){
        result = first+last
         code = first+'  + '+last
    }else{
        result =first-last
           code = first+'-'+last
    }
    if(result>=0){
        isTrue =false;
    }

}


    return "<i style='font-size: 15px'>"+code+"</i>"

}

对比验证

获取用户输入的数字,进行比较;其函数如下:

function  checkcode(code1) {
    if (code1==String(result)){
        return true
    }else{
        return false
    }
}

以上就是封装的所有函数,只需调用就可以,其最后显示效果如下:

当然其页面效果需要自己用html,css去绘制。

总结:

所有的验证码道理都是互通的,一般都是随机出来一个数或者图片,然后跟用户输入的数字进行比较(图片会有专门id,一般都是比较id)。

本文分享自微信公众号 - 会呼吸的Coder(BreathCoder),作者:是灰灰呀s

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【Python】纯小白快速入门(一)

    “ 本教程与其他教程不同,是真正的快速入门教程,主要是讲解入门去学,学习路线是我的个人见解,跟别人不一样。”

    会呼吸的Coder
  • 你写的Java对象究竟占多少内存?

    Java 作为一个面向对象语言,给我们带来了多态,继承,封装等特性,使得我们可以利用这些特性很轻松的就能构建出易于扩展,易于维护的代码。作为一个Javaer,天...

    会呼吸的Coder
  • MySql从入门到放弃(一)

    MySQL是一种开放源代码的关系型数据库管理系统(RDBMS),使用最常用的数据库管理语言--结构化查询语言(SQL)进行数据库管理。

    会呼吸的Coder
  • java之struts2之异常处理

    1.在应用项目中,异常的出现时很正常的。而且项目上线后发生异常也很正常的。那么需要对这些异常有相应的处理机制,以便客户能够看你到更加友好的界面。Struts2中...

    Vincent-yuan
  • 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    eguid
  • JavaScript黑客是这样窃取比特币的,Vue开发者不用担心!

    如果你是JavaScript或者区块链开发者,如果你有关注区块链以及比特币,那么你应该听说了比特币钱包Copay被黑客攻击的事情。但是,你知道这是怎么回事吗?

    Fundebug
  • 传纸条被发现,一看竟写着...

    当年偷偷写的日记和小秘密,为了防止被同学老师家长偷看,都写在这样的本子里面。这种本子的密码少则四五位,多的有七八位,除非知道这个密码锁的密码,不然根本无法打开。

    magic2728
  • 偷拍盗摄,隐私全无?!浅谈摄像头有关的安全问题

    随着物联网进程加快,作为家庭安防设备的智能摄像头正走进千家万户。网上出现公开贩卖破解智能摄像头的教程和软件。同时,有不法分子利用一些智能摄像头存在的安全漏洞,窥...

    用户6543014
  • 浅谈摄像头有关的安全问题

    随着物联网进程加快,作为家庭安防设备的智能摄像头正走进千家万户。网上出现公开贩卖破解智能摄像头的教程和软件。同时,有不法分子利用一些智能摄像头存在的安全漏洞,窥...

    FB客服
  • 扫描器架构分析之redis+分布式+mongodb

    Redis的的是完全开源免费的,遵守BSD协议,是一个高性能的键值数据库。是当前最热门的的的NoSql数据库之一,也被人们称为数据结构服务器,,因为值(valu...

    字节脉搏实验室

扫码关注云+社区

领取腾讯云代金券