ASP.NET 验证码的制作与校验（使用 cookie 传值）

（1）验证码应该是图片格式，不能是文字格式，即无法用鼠标选中。（2）验证码上应该有噪点和干扰线条。（3）验证码应该回避相似字符，如“0”和“o”“I”和“1”等。（4）验证码至少是数字和字母（含大小写）的组合，不应该是单纯的数字或字母，可以出现汉字。应该实现输入验证码字母字母“不区分大小写”。验证码中的内容，应该是随机生成。（5）验证码，可以通过点击图片或旁边文字实现“看不清，换一张”的功能。（6）应当有个用于核对验证码输入是否正确的tbx和btn，当点击btn时，弹窗提示验证码输入的是正确或错误。

一、效果

制作验证码主要是利用了C#的GDI绘制，效果如下图所示：

二、代码实现

项目资源分布

主页 WebForm1.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ImageCode.WebForm1" %><!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>
</head>
<body><form id="form1" runat="server"><div><asp:Label ID="Label1" runat="server" Text="验证码:" Font-Size="25px"></asp:Label><asp:TextBox ID="tbx_imgcheckingcode" runat="server" Width="82px" Height="25px"></asp:TextBox><%-- ondblclick 事件在用户双击元素时发生。--%><asp:ImageButton ID="ibtn_imgcheckingcode" src="WebForm2.aspx" runat="server" Height="40px" Width="70px" οnclick="this.src=this.src+'?'" ToolTip="看不清我，就点一下我吧！" /><a href="javascript:changeCode()" style="text-decoration: underline; font-size: 10px;">换一张</a><br /><%-- 刷新验证码--%><script type="text/javascript">function changeCode() {document.getElementById('ibtn_imgcheckingcode').src = document.getElementById('ibtn_imgcheckingcode').src + '?';}</script><asp:Button ID="Button1" runat="server" Text="验证" OnClick="Button1_Click" /></div></form>
</body>
</html>

WebForm1.aspx.cs（注意 namespace 的引用，改成自己的项目名）

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace ImageCode
{public partial class WebForm1 : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){//引入验证码 urlibtn_imgcheckingcode.ImageUrl = "WebForm2.aspx";}//使用cookie传值验证protected void Button1_Click(object sender, EventArgs e){string checkingcode = tbx_imgcheckingcode.Text;//收到cookie请求的对象HttpCookie cookie_checkingcode = Request.Cookies["ImageV"];//将验证码中的字母转为大写，进行校验string scode = cookie_checkingcode.Value.ToUpper().ToString();if (checkingcode.ToUpper()!= scode){Response.Write("<script>alert('验证码输入不正确！')</script>");}else{this.tbx_imgcheckingcode.Text = "";Response.Write("<script>alert('验证码输入正确')</script>");}}}
}

验证码页面 WebForm2.aspx (什么都不用写)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="ImageCode.WebForm2" %><!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>
</head>
<body><form id="form1" runat="server"><div></div></form>
</body>
</html>

WebForm2.aspx.cs

注意using引用

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.UI;
using System.Web.UI.WebControls;namespace ImageCode
{public partial class WebForm2 : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){string tmp = RndNum(4);//将验证码写入cookieHttpCookie a = new HttpCookie("ImageV", tmp);Response.Cookies.Add(a);this.ValidateCode(tmp);}private void ValidateCode(string VNum){//创建位图对象Bitmap Img = null;Graphics g = null//分配内存空间MemoryStream ms = null;int gheight = VNum.Length * 12;Img = new Bitmap(gheight, 25);g = Graphics.FromImage(Img);//生成随机生成器Random random = new Random();//背景颜色g.Clear(Color.White);//生成噪点随机颜色for (int i = 0; i < 100; i++){int x = random.Next(Img.Width);int y = random.Next(Img.Height);Img.SetPixel(x, y, Color.FromArgb(random.Next()));}//添加干扰线条int z =6;//干扰线条数for (int i = 0; i < z; i++){int x1 = random.Next(Img.Width);int x2 = random.Next(Img.Width);int y1 = random.Next(Img.Height);int y2 = random.Next(Img.Height);//随机干扰线条颜色int r = random.Next(255);int green = random.Next(255);int b = random.Next(255);g.DrawLine(new Pen(Color.FromArgb(r,green,b), 1), x1, y1, x2, y2);//根据坐标画线}//文字字体Font f = new Font("Arial Black ", 12);//文字颜色SolidBrush s = new SolidBrush(Color.Blue);//画验证码g.DrawString(VNum, f, s, 3, 3);ms = new MemoryStream();//将验证码图片存入内存流,并将其以 "image/Jpeg" 格式输出  Img.Save(ms, ImageFormat.Jpeg);Response.ClearContent();Response.ContentType = "image/Jpeg ";Response.BinaryWrite(ms.ToArray());//显式释放资源 g.Dispose();Img.Dispose();Response.End();}private string RndNum(int VcodeNum){// //定义存放的字符串回避相似字符string Vchar = "2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,J,K,M,N,P" +",Q,R,S,T,U,V,W,X,Y,Z,a,b,c,d,e,f,g,h,g,k,m,n,p,q,r,s,t,u,v,w,x,y,z";string[] VcArray = Vchar.Split(new Char[] { ',' });string VNum = " ";int temp = -1;Random rand = new Random();for (int i = 1; i < VcodeNum + 1; i++){if (temp != -1){rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));}int t = rand.Next(54);if (temp != -1 && temp == t){return RndNum(VcodeNum);}temp = t;VNum += VcArray[t];}return VNum;}}
}

ASP.NET登录时验证码的制作与验证相关推荐

登陆时验证码的制作（asp.net）
登陆时验证码的制作(asp.net) 1.显示样式: 2.新建一个页,Default2.aspx 3.在Page_load事件拷入如下代码 stringtmp = RndNum(4); HttpCoo ...
关于登录时验证码无法显示
关于登录时验证码无法显示我当时的情况时redis密码不对,导致无法显示
网页登录时验证码功能的实现
网页登录时验证码功能的实现在我们日常上网时,经常会遇到要登录的界面,我们会发现他会让你输入账号,密码外,还需要输入随机生成的验证码. 作用: 不少网站为了防止用户利用机器人自动注册.登录.灌水,都采 ...
【登录时验证码一直错误】阿里云SLB负载均衡，如何session共享
场景: 小程序休眠期是在公司机房放着呢,现在要使用,使用期上阿里云. 在6上使用阿里云的SLB做负载均衡.将请求分发给124和192. 操作步骤: 1.先在124和192上搭好后端环境测试好后台 ...
写的一个网页登录注册模板（css+js），注册成功后把账号保存到MySQL数据库，登录时从数据库查找进行验证（jsp+javabean）
首先是网页前端的设计,使用css美化(字体使用Google font,图标使用font awemome,颜色使用palettes|flat ui colors,谷歌可找到,个人觉得挺好用) 使用了简单 ...
asp.net页面的验证码代码
asp.net页面的验证码代码在需要验证的页面,加上<IMG alt="" src="CheckCode.aspx"> using System; ...
android can为啥能发收不到数据_拼多多登录时手机收不到短信验证码怎么办
遇到拼多多登录时收不到短信验证码的情况,该怎么办? 使用无痕方式进入到软件所在的文件夹,以v2.6.6版本为例右键编辑webcrawl-v2.6.6\root_crawl\setting.js 打 ...
在JSP中动态生成随机验证码，登录时后台校验验证码，以及如何避免同一个验证码被重复提交爆破密码...
只需几步就可以生成动态随机的验证码,最终效果如下图: 一前台显示页面login.jsp 其中验证码显示的是一张图片,链接指向的是生成验证码的servlet,同时点击图片后触发changeImg()这 ...
vue实现登录时的图片验证码（纯前端）
提示:这里只将我成功运行出来的案例放在这里供大家参考一.图片验证码经过我一天的查询,<vue实现登录时的图片验证码>,这篇博客效果比较好,代码基本没有什么问题的.效果如下,点击图片即可 ...

ASP.NET登录时验证码的制作与验证

ASP.NET 验证码的制作与校验（使用 cookie 传值）

一、效果

二、代码实现

项目资源分布

主页 WebForm1.aspx

WebForm1.aspx.cs（注意 namespace 的引用，改成自己的项目名）

验证码页面 WebForm2.aspx (什么都不用写)

WebForm2.aspx.cs

ASP.NET登录时验证码的制作与验证相关推荐

最新文章

热门文章