点滴积累【C#】---验证码，ajax提交

效果：

思路：

借用ashx文件创建四位验证，首先生成四位随机数字。然后创建画布，再将创建好的验证码存入session,然后前台进行button按钮将文本框中的值进行ajax请求到后台，和session中的验证码进行对比，成功返回true,失败返回false.

代码：

【前台】

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="verifycodeDemo.aspx.cs" Inherits="verifycodeDemo.verifycodeDemo" %>

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>青苹果验证码例子</title>

     <script src="jquery-1.3.2.min.js"></script>

     <script type="text/javascript">

         //切换验证码

         function ToggleCode(obj, codeurl) {

             $("#" + obj).attr("src", codeurl + "?time=" + Math.random());

         }

         //ajax提交后台验证

         function postAjax() {

             var VerifyCodeValue = $("#txtVerifyCode").val();

             $.ajax({

                 type: 'post',

                 dataType: "text",

                 url: "verifycodeDemo.aspx",

                 data: "action=comparison&VerifyCode=" + VerifyCodeValue,

                 cache: false,

                 async: false,

                 success: function (msg) {

                     if (msg == "false") {

                         alert("验证失败!sorry,青苹果");

                         ToggleCode("Verify_codeImag", "VerifyCode.ashx");

                         $("#txtVerifyCode").val("");

                     }

                     else {

                         alert("验证成功！hello,青苹果!");

                     }

                 }

             });

         }

     </script>

 </head>

 <body>

     <form id="form1" runat="server">

         <div>

             <input type="text" id="txtVerifyCode" />

             <img src="VerifyCode.ashx" id="Verify_codeImag" alt="点击切换验证码" style="CURSOR: pointer" width="65" height="25" title="点击切换验证码" onclick="ToggleCode(this.id, 'VerifyCode.ashx');return false;" />

             <input type="button" value="青苹果验证码" onclick="postAjax()" />

         </div>

     </form>

 </body>

 </html>

【后台】

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 namespace verifycodeDemo

 {

     public partial class verifycodeDemo : System.Web.UI.Page

     {

         protected void Page_Load(object sender, EventArgs e)

         {

             string action = Request.Params["action"];

             string VerifyCodeValue = Request.Params["VerifyCode"];

             if (action == "comparison")

             {

                 string Msg = "true";

                 //对session中存储的验证码对比

                 if (HttpContext.Current.Session["dt_session_code"] == null || VerifyCodeValue.ToLower() != HttpContext.Current.Session["dt_session_code"].ToString().ToLower())

                 {

                     Msg = "false";//验证码输入不正确

                 }

                 Response.Write(Msg);

                 Response.End();

             }

         }

     }

 }

【ashx文件】

 using System;

 using System.Collections.Generic;

 using System.Drawing;

 using System.Drawing.Imaging;

 using System.IO;

 using System.Linq;

 using System.Web;

 using System.Web.SessionState;

 namespace ESoftMS.Web.Frame

 {

     /// <summary>

     /// VerifyCode 的摘要说明 青苹果(www.cnblogs.com/xinchun)

     /// </summary>

     public class VerifyCode : IHttpHandler, IRequiresSessionState

     {

         public void ProcessRequest(HttpContext context)

         {

             int codeW = ;

             int codeH = ;

             int fontSize = ;

             string chkCode = string.Empty;

             //颜色列表，用于验证码、噪线、噪点

             Color[] color = { Color.Black, Color.Red, Color.Blue, Color.Green, Color.Orange, Color.Brown, Color.Brown, Color.DarkBlue };

             //字体列表，用于验证码

             string[] font = { "Times New Roman", "Verdana", "Arial", "Gungsuh", "Impact" };

             //验证码的字符集，去掉了一些容易混淆的字符

             char[] character = { '', '', '', '', '', '', '', 'a', 'b', 'd', 'e', 'f', 'h', 'k', 'm', 'n', 'r', 'x', 'y', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'W', 'X', 'Y' };

             Random rnd = new Random();

             //生成验证码字符串

             for (int i = ; i < ; i++)

             {

                 chkCode += character[rnd.Next(character.Length)];

             }

             //写入Session

             context.Session["dt_session_code"] = chkCode;

             //创建画布

             Bitmap bmp = new Bitmap(codeW, codeH);

             Graphics g = Graphics.FromImage(bmp);

             g.Clear(Color.White);

             //画噪线

             for (int i = ; i < ; i++)

             {

                 int x1 = rnd.Next(codeW);

                 int y1 = rnd.Next(codeH);

                 int x2 = rnd.Next(codeW);

                 int y2 = rnd.Next(codeH);

                 Color clr = color[rnd.Next(color.Length)];

                 g.DrawLine(new Pen(clr), x1, y1, x2, y2);

             }

             //画验证码字符串

             for (int i = ; i < chkCode.Length; i++)

             {

                 string fnt = font[rnd.Next(font.Length)];

                 Font ft = new Font(fnt, fontSize);

                 Color clr = color[rnd.Next(color.Length)];

                 g.DrawString(chkCode[i].ToString(), ft, new SolidBrush(clr), (float)i *  + , (float));

             }

             ////画噪点

             //for (int i = 0; i < 1; i++)

             //{

             //    int x = rnd.Next(bmp.Width);

             //    int y = rnd.Next(bmp.Height);

             //    Color clr = color[rnd.Next(color.Length)];

             //    bmp.SetPixel(x, y, clr);

             //}

             //清除该页输出缓存，设置该页无缓存

             context.Response.Buffer = true;

             context.Response.ExpiresAbsolute = System.DateTime.Now.AddMilliseconds();

             context.Response.Expires = ;

             context.Response.CacheControl = "no-cache";

             context.Response.AppendHeader("Pragma", "No-Cache");

             //将验证码图片写入内存流，并将其以 "image/Png" 格式输出

             MemoryStream ms = new MemoryStream();

             try

             {

                 bmp.Save(ms, ImageFormat.Png);

                 context.Response.ClearContent();

                 context.Response.ContentType = "image/Gif";

                 context.Response.BinaryWrite(ms.ToArray());

             }

             catch (Exception)

             {

             }

             finally

             {

                 g.Dispose();

                 bmp.Dispose();

             }

         }

         public bool IsReusable

         {

             get

             {

                 return false;

             }

         }

     }

 }

Demo下载：

http://files.cnblogs.com/xinchun/verifycodeDemo.rar

点滴积累【C#】---验证码，ajax提交的更多相关文章

Ajax提交表单时验证码自动验证 php后端验证码检测
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> &l ...
python_way day21 Django文件上传Form方式提交，原生Ajax提交字符处啊，Django文件上传之原生Ajax方式、jQuery Ajax方式、iframe方式，Django验证码，抽屉示例，
python_way day21 1.Django文件上传至Form方式 2.原生Ajax文件上传提交表单使用原生Ajax好处:不依赖jquery,在发送一个很小的文件或者字符串的时候就可以用原生A ...
javascript表单的Ajax 提交插件的使用
Ajax 提交插件 form.js 表单的下载地址:官方网站:http://malsup.com/jquery/form/ form.js 插件有两个核心方法:ajaxForm()和ajaxSubmi ...
Ajax 提交KindEditor的数据
这次我是在EasyUI中使用了KindEditor的编辑器,按照官方给的代码,总是无法获取编辑器里面的值(内容),如下: KindEditor.ready(function (K) { ...
jquery实现ajax提交表单信息
最近在思考优化项目,想自己扩展一个jquery自动获取表单中的数据进行ajax提交.本人没有完整性学习jquery,基本上是现学现找,有点困难. 主要是扩展和拼接json转对象很简单,附上代码: ; ...
ajax提交form表单
1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...
【ajax 提交表单】多种方式的注意事项
在业务中,可能因为表单内容过于庞大,字段过于繁杂,如果人为去拼接的话 ,需要耗费大量的时间和精力,与此同时,代码看上去也是冗余不堪. 所以,提交表单的时候如果能整个表单数据整体提交,那是非常开心的事情 ...
Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）
最近在公司做资源及文章上传功能遇到一个小问题,被坑了好半天. 该功能就类似利用富文本编辑器发布信息,但是用Ajax提交数据,因此提交参数值中不可避免的含有html标签. 在本地运行代码一直没问题,总是 ...
ajax提交form表单资料详细汇总
一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...

随机推荐

TQuery
TQuery uses syndb 查询 function Tfmain.query(const sql: string): RawUTF8;var q: TQuery;begin q := TQue ...
在JAVA中，如何计算两个日期的月份差
package com.forezp.util; import org.joda.time.DateTime; import org.joda.time.Months; import org.joda ...
LaTex：图片排版
一般支持三种格式的图片排版 %% if you use PostScript figures in your article %% use the graphics package for simpl ...
JQuery when
jQuery.when(deferreds) 参数deferreds,一个或多个延时对象或JS对象,我们初略的认为它就是一个或多个异步请求. 例如: $.when($.ajax("page1 ...
java中jar命令打包一个文件夹下的所有文件
(1)首先,必须保证java的所有路径都设置好,在dos提示符下输入jar -help出现C:\Documents and Settings\dly>jar -help非法选项:h用法:jar ...
TensorFlow进阶（一）----张量的阶和数据类型
张量的阶和数据类型 TensorFlow用张量这种数据结构来表示所有的数据.你可以把一个张量想象成一个n维的数组或列表.一个张量有一个静态类型和动态类型的维数.张量可以在图中的节点之间流通.其实张量更 ...
idea 设置jetty进程jvm参数
/** * MyEclipse6.5通过Jetty跑Web应用时提示OutOfMemoryError: PermGen space的解决办法 * @see ---------------------- ...
二叉树（9）----打印二叉树中第K层的第M个节点，非递归算法
1.二叉树定义: typedef struct BTreeNodeElement_t_ { void *data; } BTreeNodeElement_t; typedef struct BTree ...
nginx+lua+redis 处理APK包替换
nginx + lua +redis 安装与使用入门: http://huoding.com/2012/08/31/156 nginx httpEchoModule : http://wiki.ngi ...
gcc编译选项汇集
gcc -g 调试选项(DEBUGGING OPTION)GNU CC拥有许多特别选项,既可以调试用户的程序,也可以对GCC排错: -g 以操作系统的本地格式(stabs, COFF, XCOFF,或 ...

点滴积累【C#】---验证码，ajax提交

点滴积累【C#】---验证码，ajax提交的更多相关文章

随机推荐

热门专题