之前做项目的时候,有一个验证码的功能需要做成运算验证码,我这里只做了一个单一加法运算的验证码,現代码记录如下,方便日后使用。

jsp页面上的代码:

<input type="text" id="yzm" name="yzm" class="yzm" value="" placeholder="请输入验证码" /><span id="code" class="nocode" title="点击切换验证码">验证码</span><span id="result"></span>

js里的代码:

var flag = false;
$(function() {  var code = 9999; function codes(){var ranColor = '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6); //随机生成颜色// alert(ranColor)var ranColor2 = '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6); var num1 = Math.floor(Math.random() * 100);  var num2 = Math.floor(Math.random() * 100);  code = num1 + num2;  $("#code").html(num1 + "+" + num2 + "=?");  if ($("#code").hasClass("nocode")) {  $("#code").removeClass("nocode");  $("#code").addClass("code");        }  $("#code").css('background',ranColor);$("#code").css('color',ranColor2);}codes()$("#code").on('click',codes)$(".yzm").blur(function(){ if ($(".yzm").val() == code && code != 9999) {  $("#result").html("<font color='#00FF66' >   √</font>"); flag = true;} else {  $("#result").html("<font color='red' >验证码错误</font>"); flag = false;}  });  $("#username").focus(function(){$("#msg").html("");});  }); function checkSubmit(){return flag;
}

ps:这里使用了jquery,所以在jsp页面里也需要引入jquery.js文件

一个数字加运算的验证码相关推荐

  1. 华为OD机试 - 数字加减游戏(Python)| 真题+思路+代码

    数字加减游戏 题目 小明在玩一个数字加减游戏,只使用加法或者减法,将一个数字 s 变成数字 t. 每个回合,小明可以用当前的数字加上或减去一个数字. 现在有两种数字可以用来加减,分别为 a,b(a!= ...

  2. 华为OD机试 - 数字加减游戏(Java JS Python)

    题目描述 小明在玩一个数字加减游戏,只使用加法或者减法,将一个数字s变成数字t. 每个回合,小明可以用当前的数字加上或减去一个数字. 现在有两种数字可以用来加减,分别为a,b(a!=b),其中b没有使 ...

  3. 深度学习(七)——图像验证码破解(数字加减验证码)

    这段时间实习工作和找工作,导致时间很忙.现在有时间,还是希望把自己最近的工作感触和所完成的项目经验分享给大家.也算是对自己的一个总结.学习漫长的生涯里,作为我这个算法工程师这个职位非常重要,也希望大家 ...

  4. MODE —— 输入一个数字,求从1加到该数的和(知识点:for循环嵌套while循环)

    问题描述: 终端输入一个数字,求从1加到这个数字的和! 运行结果: 代码部分: #include <stdio.h> int main() {unsigned int sum = 1UL; ...

  5. 一个线程加一运算,一个线程做减一运算,多个线程同时交替运行--synchronized...

    使用synchronized package com.pb.thread.demo5;/**使用synchronized* 一个线程加一运算,一个线程做减法运算,多个线程同时交替运行* * @auth ...

  6. python 幂运算 整数_在Python中检查一个数字是否是另一个数字的幂

    python 幂运算 整数 To solve this problem simply, we will use the log() function from the math module. The ...

  7. 输入一个四位数将其加密后输出c语言,输入一个四位数,将其加密后输出.方法是将该数每一位的数字加9,然后除以10取余作为该位上的新数字,最后将千位上的数字和十...

    问题描述: 输入一个四位数,将其加密后输出.方法是将该数每一位的数字加9,然后除以10取余作为该位上的新数字,最后将千位上的数字和十位上的数字互换,组成加密后的新四位数. #include int m ...

  8. 51单片机:利用外部中断实现按键按一下数码管数字加1直到加到99,另一个按键实现清零

    51单片机:利用外部中断实现按键按一下数码管数字加1直到加到99,另一个按键实现清零 题目要求: 利用外部中断实现按键按一下数码管数字加1,实现00-99的循环,另一个按键实现清零,不管数码管数字是多 ...

  9. 设计一个数字运算游戏

    利用函数设计一个数字运算游戏 #include <stdio.h> #include <math.h> #include <stdlib.h> #include & ...

最新文章

  1. 2021年大数据Flink(十六):流批一体API Connectors ​​​​​​​​​​​​​​Redis
  2. 绿色版mysql安装步骤
  3. Leetcode 876. 链表的中间结点 (每日一题 20210918)
  4. python调用math函数_Python中sqrt函数使用方法
  5. mysql的join算法_mysql的Join算法-阿里云开发者社区
  6. 改善深层神经网络:超参数调整、正则化以及优化——2.8 Adam算法(Adaptive Moment Estimation)
  7. mysql中关于关联索引的问题——对a,b,c三个字段建立联合索引,那么查询时使用其中的2个作为查询条件,是否还会走索引?...
  8. matlab中表示拉普拉斯分布_双导体球在匀强外电场中的空间电场分布
  9. ArcGIS安装之后无法运行的几个常见问题的终极解决方法
  10. HTML的标签与属性/title标签/meta标签/
  11. double比较大小
  12. Windows7操作系统下的修改屏幕旋转快捷键
  13. 怎么用dos系统进入服务器,怎么进入dos_如何进入dos的方法(图文介绍)
  14. [转载] 杜拉拉升职记——14 猜猜为啥请晚餐
  15. 第1章 当我们谈论算法的时候,我们在谈论什么?
  16. EXCEL工资表一键转化工资条短信如何操作
  17. python汉明距离检索_【LeetCode 461】汉明距离(Python)
  18. 各种类型相机rtsp取流格式大汇总
  19. HTML5第9节课堂笔记(初探mui,制作手机归属地查询)
  20. 【Linux】文件类型

热门文章

  1. 来,跟我一起撸Kotlin runBlocking/launch/join/async/delay 原理使用
  2. html单元格合并必须是,单元格合并必须是( )的单元格。
  3. Android游戏音效控制
  4. 在WinXP操作系统上安装Tornado2.2详细教程
  5. 2021中国十大科学进展发布
  6. 计算机统考加重号,高会《职称计算机》Word 2007:设置字体效果、下划线、着重号...
  7. PyTorch核心加速技术涉嫌抄袭?MIT教授创业公司将Facebook告上法庭
  8. 网络通信专题总结之产测工具专题
  9. 十四五,鹏城应作先锋看,山河同襄智能体
  10. @Transactional注解详细使用