ASP.Net验证码验证

版权声明:转载原创文章请以超链接形式请注明原文章出处,尊重作者,尊重原创!


恰饭广告




实现效果:

验证码实现效果

注意:新建一个CheckCode.aspx和一个LoginCheckCode.aspx页面,LoginCheckCode.aspx页面分别拖拽一个ImageButton、LinkButton、TextBox、Button控件

CheckCode.aspx.cs代码:

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 WebApplication1
{
    public partial class CheckCode : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            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", "MS Mincho", "Book Antiqua", "Gungsuh", "PMingLiU", "Impact" };
            //验证码的字符集,去掉了一些容易混淆的字符 
            char[] character = { '2', '3', '4', '5', '6', '8', '9', '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 = 0; i < 4; i++)
            {
                chkCode += character[rnd.Next(character.Length)];
            }
            Session.Timeout = 1;//一分钟失效
            Session["chkCode"] = chkCode;
            Bitmap bmp = new Bitmap(100, 40);
            Graphics g = Graphics.FromImage(bmp);
            g.Clear(Color.White);
            //画噪线 
            for (int i = 0; i < 10; i++)
            {
                int x1 = rnd.Next(100);
                int y1 = rnd.Next(40);
                int x2 = rnd.Next(100);
                int y2 = rnd.Next(40);
                Color clr = color[rnd.Next(color.Length)];
                g.DrawLine(new Pen(clr), x1, y1, x2, y2);
            }
            //画验证码字符串 
            for (int i = 0; i < chkCode.Length; i++)
            {
                string fnt = font[rnd.Next(font.Length)];
                Font ft = new Font(fnt, 18);
                Color clr = color[rnd.Next(color.Length)];
                g.DrawString(chkCode[i].ToString(), ft, new SolidBrush(clr), (float)i * 20 + 8, (float)8);
            }
            //画噪点 
            for (int i = 0; i < 100; 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);
            }
            //清除该页输出缓存,设置该页无缓存 
            Response.Buffer = true;
            Response.ExpiresAbsolute = System.DateTime.Now.AddMilliseconds(0);
            Response.Expires = 0;
            Response.CacheControl = "no-cache";
            Response.AppendHeader("Pragma", "No-Cache");
            //将验证码图片写入内存流,并将其以 "image/Png" 格式输出 
            MemoryStream ms = new MemoryStream();
            try
            {
                bmp.Save(ms, ImageFormat.Png);
                Response.ClearContent();
                Response.ContentType = "image/Png";
                Response.BinaryWrite(ms.ToArray());
            }
            finally
            {
                //显式释放资源 
                bmp.Dispose();
                g.Dispose();
            }
        }
    }
}

LoginCheckCode.aspx代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LoginCheckCode.aspx.cs" Inherits="WebApplication1.LoginCheckCode" %>
<!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>
        //点击图片触发更换验证码图片的事件
        function refreshCode() {
            var code = document.getElementById("code");
            code.src = "checkCode.aspx?id=" + Math.random();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <%-- 第一种切换验证码的方式 --%>
            <img src="CheckCode.aspx" id="code" onclick="refreshCode();" />
            <a href="javascript:void(0)" onclick="refreshCode()">换一张</a>
        </div>
        <%-- 第二种切换验证码的方式 --%>
        <asp:ImageButton ID="ImageButton1" runat="server" />
        <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">换一张</asp:LinkButton>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="验证" OnClick="Button1_Click" />
    </form>
</body>
</html>

注意:第一种切换验证码方式比较好

LoginCheckCode.aspx.cs代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication1
{
    public partial class LoginCheckCode : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            ImageButton1.ImageUrl = "CheckCode.aspx";
        }
        protected void LinkButton1_Click(object sender, EventArgs e)
        {
            ImageButton1.ImageUrl = "CheckCode.aspx";
        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            string s = (string)Session["chkCode"];
            string btn = TextBox1.Text.ToUpper();
            if (Session.Timeout > 1)
            {
                ClientScript.RegisterStartupScript(this.GetType(), "", "alert('验证失效');", true);
            }
            if (btn == s)
            {
                ClientScript.RegisterStartupScript(this.GetType(), "", "alert('验证成功');", true);
            }
            else
            {
                ClientScript.RegisterStartupScript(this.GetType(), "", "alert('验证失败');", true);
            }
        }
    }
}

原文链接:https://www.idaobin.com/archives/1175.html

让我恰个饭吧.ヘ( ̄ω ̄ヘ)

支付宝 ——————- 微信
图片加载中图片加载中



恰饭广告

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

9 × 1 =