验证码的生成核心代码
2015-08-31 12:04
295 查看
var sResult = "";
$(function () {//生成验证码
var context = $("#myCanvas")[0].getContext("2d"); //canvas的获取必须用DOM方式获取,所以必须把jQuery方式转换成DOM方式
context.font = "50px 微软雅黑"; //常用字体为微软雅黑
context.fillStyle = "red"; //定义生成随机序列生成时的颜色
//将需要用到的数据放在数组中
var aStr = ["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", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
for (var i = 0; i < 4; i++)//生成四位随机序列
{
var a = Math.floor(Math.random() * aStr.length); //获取随机索引
sResult += aStr[a]; //根据随机索引获取对应序列值
}
context.fillText(sResult, 80, 85); //将内容显示到canvas对象中
});
function Check() //输入验证
{
var sInput = $("#txtCheckCode").val().toUpperCase();//将输入的内容转换为大写(随机生成的数据中全为大写,这样保证了可以不区分大小写)
if (sInput == sResult) {
alert("验证码输入正确");
}
else {
alert("验证码输入错误");
}
}
$(function () {//生成验证码
var context = $("#myCanvas")[0].getContext("2d"); //canvas的获取必须用DOM方式获取,所以必须把jQuery方式转换成DOM方式
context.font = "50px 微软雅黑"; //常用字体为微软雅黑
context.fillStyle = "red"; //定义生成随机序列生成时的颜色
//将需要用到的数据放在数组中
var aStr = ["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", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
for (var i = 0; i < 4; i++)//生成四位随机序列
{
var a = Math.floor(Math.random() * aStr.length); //获取随机索引
sResult += aStr[a]; //根据随机索引获取对应序列值
}
context.fillText(sResult, 80, 85); //将内容显示到canvas对象中
});
function Check() //输入验证
{
var sInput = $("#txtCheckCode").val().toUpperCase();//将输入的内容转换为大写(随机生成的数据中全为大写,这样保证了可以不区分大小写)
if (sInput == sResult) {
alert("验证码输入正确");
}
else {
alert("验证码输入错误");
}
}
相关文章推荐
- C++ 各种全局常量的声明方式的优缺点?
- Coursera-C程序设计进阶-编程题#1:单词翻转
- C#Linq技术中SelectMany(...)的内部实现推测
- thinkphp视图模型 视图必须是真是存在的表
- java 多态[编程思想之8.2.1]
- C++ 中4中类型转换关键字及其特点
- python pika 操作 rabbitmq
- Algorithms—273.Integer to English Words
- Struts2与JSON数据的具体应用范例
- Single Number
- python读取 .txt 文本内容以及将程序执行结果写入txt文件
- 利用python重启路由器
- C#实现主窗体最小化后出现悬浮框及双击悬浮框恢复原窗体的方法
- eclipse显示项目中的问题
- Qt发布可能遇到的问题
- 页面防止重复提交,在服务端使用struts令牌机制,前台分为jsp和extJs(其他js框架同理)
- Qt库版查询
- ubuntu14.04安装goole浏览器
- 详解C语言中printf输出的相关函数
- PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明