验证码编写

最新推荐文章于 2018-01-09 16:41:06 发布
最新推荐文章于 2018-01-09 16:41:06 发布
阅读量671 收藏
点赞数
分类专栏： 网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinbaoyan/article/details/8905440
版权

<script language="javascript">
var code="" ; //在全局 定义验证码
function createCode()
{
 code = "";
 var codeLength = 6;//验证码的长度
 var checkCode = document.getElementById("checkCode");
 checkCode.value = "";
 var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');
 for(var i=0;i<codeLength;i++)
  {  
   var charIndex = Math.floor(Math.random()*32);
  code +=selectChar[charIndex];
 }
 if(code.length != codeLength)
 {    
  createCode();
 }
 document.getElementById("checkCode").innerHTML = code;

}

function validate ()
{
 var inputCode = document.getElementById("checkNum").value.toUpperCase();
 if(inputCode.length <=0) {  
  alert("请输入验证码！");  
  return false;
 }
 else if(inputCode != code )
 { 
   alert("验证码输入错误！"); 
    createCode();  
    return false;
   }else
   {  
    alert("验证码通过！");  
    return true;
   }
 }
  </script>
  </head>
  <body  οnlοad="createCode()" bgcolor="#33CCFF">
  <table width="521" height="37" align="center">
  <tr>
  <td width="291">
  <div id="checkHR"><span class="text">请输入验证码：</span> 
  <input type="text" value="" id="checkNum" style="height:15px;"/>
  </div>
  </td>
  <td width="101">
  <a href="javascript:void(0);">
  <div id="checkCode" οnclick="createCode();">
  </div>
  </a>
  </td>
  <td width="104">
  <input type="button" class="btnCheck" id="gotoCheck"  value="验证"  οnclick="validate();" style="width:50px; height:25px; color:#39F;"/>
  </td>
  </tr>
  </table>
  </body>
  </html>
ANNE
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
验证码 编写
06-06
验证码填写，描述自动变化，这个是部分的截取，如果要获取完成代码。学者需要自己研究生与本风，祝好！
软件工程课程设计问题总结——医院门诊系统（二）：jsp中验证码的实现&设置验证失败不提交表单
cout<<"Hello World!";
07-03 786
问题描述： 在jsp中实现验证码并将表单的submit按钮设置为验证失败时不提交表单。 解决方案： 使用javascript实现验证码功能，并在submit中设置 onclick事件为“return validate()”，注意：一定要有return。 示例代码：
验证码
Return_KB的博客
01-09 206
验证码大家应该不陌生，主要是为了网站的安全性，防止恶意注册和登陆。验证码实现的方式各有不同，下面是一段用javascript实现的验证码效果，供大家参考之用，希望能够给大家带来帮助。 代码如下: 01020304050607080910111213141516171819202122232425262728293031323334353637383940414243444546474849
java 验证码编写
04-04
java 验证码编写
C# 验证码编写
03-09
编写一个验证码控件，完全在页面层实现，简单、实用
java编写验证码
02-04
在小编知道的验证码的作用有两个，一是在注册的时候防止批量注册，二是防止有所企图的人暴力破解系统。
java编写的验证码
09-26
用java编写的验证码,希望对大家有用 g.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255))); g.fillRect(0, 0, width, height); String strs = "0123456789...
高分项目 基于STM32单片机的宠物RFID阅读器源代码+项目资料齐全+教程文档.zip
05-08
【资源概览】 高分项目 基于STM32的宠物RFID阅读器源代码+项目资料齐全+教程文档.zip高分项目 基于STM32的宠物RFID阅读器源代码+项目资料齐全+教程文档.zip高分项目 基于STM32的宠物RFID阅读器源代码+项目资料齐全+教程文档.zip 【资源说明】 高分项目源码：此资源是在校高分项目的完整源代码，经过导师的悉心指导与认可，答辩评审得分高达95分，项目的质量与深度有保障。 测试运行成功：所有的项目代码在上传前都经过了严格的测试，确保在功能上完全符合预期，您可以放心下载并使用。 适用人群广泛：该项目不仅适合计算机相关专业（如电子信息、物联网、通信工程、自动化等）的在校学生和老师，还可以作为毕业设计、课程设计、作业或项目初期立项的演示材料。对于希望进阶学习的小白来说，同样是一个极佳的学习资源。 代码灵活性高：如果您具备一定的编程基础，可以在此代码基础上进行个性化的修改，以实现更多功能。当然，直接用于毕业设计、课程设计或作业也是完全可行的。 欢迎下载，与我一起交流学习，共同进步！
node-v7.7.4-sunos-x86.tar.xz
最新发布
05-08
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
高分项目 基于STM32单片机+Labview的消防面罩设计源代码+项目资料齐全+教程文档.zip
05-08
【资源概览】 高分项目 基于STM32单片机+Labview的消防面罩设计源代码+项目资料齐全+教程文档.zip高分项目 基于STM32单片机+Labview的消防面罩设计源代码+项目资料齐全+教程文档.zip 【资源说明】 高分项目源码：此资源是在校高分项目的完整源代码，经过导师的悉心指导与认可，答辩评审得分高达95分，项目的质量与深度有保障。 测试运行成功：所有的项目代码在上传前都经过了严格的测试，确保在功能上完全符合预期，您可以放心下载并使用。 适用人群广泛：该项目不仅适合计算机相关专业（如电子信息、物联网、通信工程、自动化等）的在校学生和老师，还可以作为毕业设计、课程设计、作业或项目初期立项的演示材料。对于希望进阶学习的小白来说，同样是一个极佳的学习资源。 代码灵活性高：如果您具备一定的编程基础，可以在此代码基础上进行个性化的修改，以实现更多功能。当然，直接用于毕业设计、课程设计或作业也是完全可行的。 欢迎下载，与我一起交流学习，共同进步！
node-v8.1.4-darwin-x64.tar.xz
05-08
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
工作总结PPT16.pptx
05-08
工作总结PPT16.pptx
12864IIC 0.96寸OLED 51单片机汇编程序分享（ssd1306）
05-08
12864IIC 0.96寸OLED 51单片机汇编程序分享（ssd1306）
node-v7.10.0-linux-s390x.tar.xz
05-08
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v0.12.18-x64.msi
05-08
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v6.9.2-sunos-x64.tar.xz
05-08
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v7.4.0-sunos-x86.tar.xz
05-08
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
DB21∕T 2551.4-2015 智慧城市 第4部分：评价指标体系.pdf
05-08
DB21∕T 2551.4-2015 智慧城市 第4部分：评价指标体系.pdf
附件5-山东煤矿安全监察局_水文地质监测系统联网规范.pdf
05-08
附件5-山东煤矿安全监察局_水文地质监测系统联网规范.pdf
python编写滑动验证码
05-24
编写滑动验证码的主要思路是： 1. 在页面中随机生成一个背景图片和一个滑块图片，并将滑块图片的初始位置随机设置。 2. 在浏览器端实现鼠标拖拽事件，将滑块图片拖动到指定位置。 3. 通过比较滑块图片的初始位置和最终位置，判断用户是否通过验证。 下面是一个简单的滑动验证码的Python实现： ```python from PIL import Image, ImageDraw, ImageFont import random # 生成背景图片 def generate_background(): width, height = 300, 150 img = Image.new('RGB', (width, height), (255, 255, 255)) draw = ImageDraw.Draw(img) for x in range(width): for y in range(height): draw.point((x, y), fill=(random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))) return img # 生成滑块图片 def generate_slider(): width, height = 60, 60 img = Image.new('RGB', (width, height), (255, 255, 255)) draw = ImageDraw.Draw(img) font = ImageFont.truetype('arial.ttf', 30) text = '>>' draw.text((10, 10), text, font=font, fill=(0, 0, 0)) return img # 将滑块图片添加到背景图片上并随机设置初始位置 def add_slider_to_background(background, slider): x = random.randint(slider.width, background.width - slider.width) y = random.randint(0, background.height - slider.height) background.paste(slider, (x, y)) return x, y # 计算滑动距离 def calculate_offset(x1, x2): return abs(x2 - x1) # 验证拖动距离是否正确 def verify(offset, threshold=10): return offset < threshold # 生成滑动验证码 def generate_captcha(): background = generate_background() slider = generate_slider() x, y = add_slider_to_background(background, slider) background.show() slider.show() return background, slider, x, y # 测试滑动验证码 def test_captcha(): background, slider, x, y = generate_captcha() offset = calculate_offset(x, x + slider.width) print('请拖动滑块完成验证') while True: x2 = input('请输入滑块最终位置的横坐标:') if x2.isdigit(): x2 = int(x2) offset2 = calculate_offset(x, x2) if verify(offset2): print('验证通过') break else: print('验证失败，请重试') else: print('输入不合法，请输入数字') ``` 在上述代码中，`generate_background()`函数用于生成背景图片，`generate_slider()`函数用于生成滑块图片，`add_slider_to_background()`函数将滑块图片添加到背景图片上并随机设置初始位置。`calculate_offset()`函数用于计算滑动距离，`verify()`函数用于验证拖动距离是否正确。`generate_captcha()`函数用于生成滑动验证码，`test_captcha()`函数用于测试滑动验证码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值