JavaScript案例之使用验证码进行简单判断

源代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div id="checkCode"style="width: 150px;height: 50px;font-size: 30px;background-color: cadetblue;text-align: center;"></div><div><a href="" id="linkbt">看不清换一张</a></div><label for="inputCode">验证码：</label><input type="text" name="" id="inputCode"><span id="text_show"></span><div><input id="Button1" type="button" value="确定"></div><script>// 1.生成验证码// 6位数  0-9 a-f  随机生成6位 内容必须是0-9 a-f 字符串// 数组 下标 0、1、2……    从数组当中 随机下标 0-15位// 2.进行验证 点击确定时，进行对比window.onload = function() {var res = getCode();function getCode() {var arr = ['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'];var str = '';for (var i = 0; i < 6; i++) {var num = Math.round(Math.random() * (61 - 0) + 0);str += arr[num];}return str;}document.getElementById('checkCode').innerText = res;// 点击事件document.getElementById('linkbt').onclick = function() {document.getElementById('checkCode').innerText = getCode();}// 提交进行对比document.getElementById('Button1').onclick = function() {var code = document.getElementById('checkCode').innerText;var inputCode = document.getElementById('inputCode').value;if (code != inputCode) {alert('您输入的验证码不正确');document.getElementById('inputCode').value = '';return false;}else{alert('验证成功！');}}}</script></body>
</html>

效果图：

JavaScript案例之使用验证码进行简单判断相关推荐

html判断用户名的合法性,javascript简单判断输入内容是否合法的方法
本文实例讲述了javascript简单判断输入内容是否合法的方法.分享给大家供大家参考,具体如下: 关于检测用户输入的内容是否有非法的字符检测实现思路 1.定义合法的字符串(源字符串) 2.获取用户输 ...
盘点三个JavaScript案例——实现限时秒杀、定时跳转、改变盒子大小
前言今天来给大家盘点三个JavaScript案例,分别是实现限时秒杀.定时跳转.改变盒子大小案例,一起来看看吧! 一.实现限时秒杀案例 1.在淘宝网中,商家为了促销经常搞一些活动,例如限时秒杀是常见 ...
javascript案例_如何在JavaScript中使用增强现实-一个案例研究
javascript案例 by Apurav Chauhan 通过Apurav Chauhan 如何在JavaScript中使用增强现实-一个案例研究 (How to use Augmented Re ...
前端 JavaScript 之『节流』的简单代码实现
前戏首先,总结一下上一篇文章--<前端 JavaScript 之『防抖』的简单代码实现>的内容:「防抖」就是在高频率触发事件停止触发后,延时执行某个处理逻辑. 防抖虽然在一定程度上对性能 ...
JavaScript案例之抽奖机
JavaScript案例之抽奖机源码: <!DOCTYPE html> <html lang="en"> <head><meta cha ...
43-Java编程案例三：验证码
案例三:验证码需求: 实现随机产生一个5位的验证码,每位可能是数字.大写字母.小写字母分析: 定义一个生成验证码的方法verifyCode,方法参数是位数.方法的返回值类型是String 在方法内 ...
简单判断用户重复登录，记录一下
Code //判断用户是否重复登录 string key = TextBox1.Text; //用户名文本框设为cache关键字 string uer = Convert.ToString(Cache ...
iis开启php验证码,php结合GD库实现中文验证码的简单方法
前言上一次写了一个常见的验证码,现在玩一下中文的验证码,顺便升级一下写的代码流程基本差不多先看GD库开启了没生成中文5位验证码开始画图画干扰素生成图形完事生成中文验证码 //小小心机 ...
html js控制页面蒙版,JavaScript蒙板(model)功能的简单实现代码
思路: •创建一个蒙板, 设置蒙板的堆叠顺序保证能将其它元素盖住 position: absolute; top: 0; left: 0; display: none; background-colo ...

JavaScript案例之使用验证码进行简单判断

JavaScript案例之使用验证码进行简单判断

源代码：

效果图：

JavaScript案例之使用验证码进行简单判断相关推荐

最新文章

热门文章