登录页面验证码实现-asp.net

前端添加的标签和方法:

 验证码:<input id="txtVerifyCode" type="text" maxlength="5" style="line-height: 30px;  height: 30px; width: 80px;border:solid 1px #d4d4d4;" class="input"/>&nbsp<img src="" alt="点击刷新" id="imgValidateCode" style="width: 100px; height: 30px; line-height: 30px; vertical-align: middle;" />&nbsp 点击图片刷新</p>//标签

 $(function () {
            $("#imgValidateCode").click(function () {
                DoFresh();
            });
            DoFresh();
        })
 function DoFresh() {
            var img = $("#imgValidateCode");
            img.attr("src", "VerifyCode.aspx?random=" + Math.random());
        }  //添加的方法,src是生成图片的aspx的地址

  然后在项目中在新建一个VerifyCode.aspx,下面是aspx的代码:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 <head id="Head1" runat="server">
     <title></title>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>

    </div>
     </form>
 </body>
 </html>

  接着是aspx.cs的代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;

namespace Form
{
    public partial class VerifyCode : System.Web.UI.Page
    {
        public static string HZ;

        /// <summary>
        /// 验证码的最大长度
        /// </summary>
        public int MaxLength
        {
            get { return 10; }
        }
        /// <summary>
        /// 验证码的最小长度
        /// </summary>
        public int MinLength
        {
            get { return 1; }
        }

        protected void Page_Load(object sender, EventArgs e)
        {
            string[] str = CreateValidateNumber(4);

            string strcode = string.Empty;

            for (int i = 0; i < str.Length; i++)
            {
                strcode += str[i];
            }

            CreateCheckCodeImage(str);
            HZ = strcode;
            Response.Write(HZ);

            //验证码存入session
            Session["ValidateCode"] = HZ;
        }

        /// <summary>
        /// 生成验证码
        /// </summary>
        /// <param name="length">指定验证码的长度</param>
        /// <returns>验证码</returns>
        public string[] CreateValidateNumber(int length)
        {
            string Vchar = "1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,p" +
            ",q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,P,Q" +
            ",R,S,T,U,V,W,X,Y,Z";

            string[] VcArray = Vchar.Split(new Char[] { ‘,‘ });//拆分成数组
            string[] num = new string[length];

            int temp = -1;//记录上次随机数值,尽量避避免生产几个一样的随机数

            Random rand = new Random();
            //采用一个简单的算法以保证生成随机数的不同
            for (int i = 1; i < length + 1; i++)
            {
                if (temp != -1)
                {
                    rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));
                }

                int t = rand.Next(VcArray.Length-1);
                if (temp != -1 && temp == t)
                {
                    return CreateValidateNumber(length);

                }
                temp = t;
                num[i - 1] = VcArray[t];
                //num.SetValue(VcArray[t]);
                //VNum += VcArray[t];
            }
            return num;
        }

        private void CreateCheckCodeImage(string[] checkCode)
        {
            if (checkCode == null || checkCode.Length <= 0)
                return;

            System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 32.5)), 60);
            System.Drawing.Graphics g = Graphics.FromImage(image);

            try
            {
                //生成随机生成器
                Random random = new Random();

                //清空图片背景色
                g.Clear(Color.White);

                //定义颜色
                Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };
                //画图片的背景噪音线

                for (int i = 0; i < 25; i++)
                {
                    int cindex = random.Next(7);
                    int findex = random.Next(5);
                    int x1 = random.Next(image.Width);
                    int x2 = random.Next(image.Width);
                    int y1 = random.Next(image.Height);
                    int y2 = random.Next(image.Height);

                    // g.DrawLine(new Pen(c[cindex]), x1, y1, x2, y2);
                }

                //定义字体
                string[] f = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial", "宋体" };

                for (int k = 0; k <= checkCode.Length - 1; k++)
                {
                    int cindex = random.Next(7);
                    int findex = random.Next(5);

                    Font drawFont = new Font(f[findex], 26, (System.Drawing.FontStyle.Bold));

                    SolidBrush drawBrush = new SolidBrush(c[cindex]);

                    float x = 5.0F;
                    float y = 0.0F;
                    float width = 42.0F;
                    float height = 48.0F;
                    int sjx = random.Next(10);
                    int sjy = random.Next(image.Height - (int)height);

                    RectangleF drawRect = new RectangleF(x + sjx + (k * 25), y + sjy, width, height);

                    StringFormat drawFormat = new StringFormat();
                    drawFormat.Alignment = StringAlignment.Center;

                    g.DrawString(checkCode[k], drawFont, drawBrush, drawRect, drawFormat);
                }

                //画图片的前景噪音点
                for (int i = 0; i < 500; i++)
                {
                    int x = random.Next(image.Width);
                    int y = random.Next(image.Height);

                    image.SetPixel(x, y, Color.FromArgb(random.Next()));
                }
                int cindex1 = random.Next(7);
                //画图片的边框线
                g.DrawRectangle(new Pen(c[cindex1]), 0, 0, image.Width - 1, image.Height - 1);

                System.IO.MemoryStream ms = new System.IO.MemoryStream();
                image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
                Response.ClearContent();
                Response.ContentType = "image/Gif";
                Response.BinaryWrite(ms.ToArray());
            }
            finally
            {
                g.Dispose();
                image.Dispose();
            }
        }
    }
}

  于是!就可以生成验证码了,然后自己再把编写验证版的判断逻辑写好就可以啦!!!!

时间: 2024-08-06 11:39:15

登录页面验证码实现-asp.net的相关文章

C#登录页面验证码刷新

验证码生成页面  png.aspx using System; using System.Collections.Generic; using System.Drawing; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace Maticsoft.Web.Admin { public partial class png : System.Web.UI.Page { protected

自动化测试--登录页面验证码问题

对于web应 用来说,大部分的系统在用户登录时都要求用户输入验证码,验证码的类型的很多,有字母数字的,有汉字的,甚至还要用户输入一条算术题的答案的,对于系统来 说使用验证码可以有效果的防止采用机器猜测方法对口令的刺探,在一定程度上增加了安全性.但对于测试人员来说,不管是进行性能测试还是自动化测试都是一个 棘手的问题. 下面来谈一下处理验证码的几种方法. 去掉验证码 这是最简单的方法,对于开发人员来说,只是把验证码的相关代码注释掉即可,如果是在测试环境,这样做可省去了测试人员不少麻烦,如果自动化脚

QWebFramewok使用教程之-(三)自定义带验证码的登录页面

框架中自带了一个登录简单的界面Login.aspx,用于快速开发.如果对界面有要求的可以自己定义登录页面风格. 实现的原理很简单,做好页面UI后,后台代码使用框架自带用户登录验证的接口即可. 验证接口:QWebFramework.Services.UserServices.GetInstance().CheckedUserLogin(userName, passWordEncrypt, true); 以下为演示的代码: 1.新建立一个登录页面:DemoLogin.aspx,为了方便起见,演示代码

登录页面动态验证码的设置

登录页面动态验证码的设置 采用php中创建对象的思想进行动态验证码的设置 1.创建出一个背景图片,用来存放动态码输出位置 1 function createImage(){ 2 // 创建图片对象,并设置图片的宽高 imagecreatetruecolor 3 $this->image = imagecreatetruecolor($this->width, $this->height); 4 // 图片创建背景颜色 5 // rand(下界,上界), php中的随机数 6 $backg

asp.net登录时验证码的制作与验证

1.新建一个页面,ImageCode.aspx 2.在Page_Load中添加如下代码 string tmp = RndNum(4); HttpCookie a = new HttpCookie("ImageV ", tmp); Response.Cookies.Add(a); this.ValidateCode(tmp); 3.在该页面中添加两个方法 private void ValidateCode(string VNum) { Bitmap Img = null; Graphic

单点登录CAS使用记(四):为登录页面加上验证码

CAS默认的登录页面样式如下,只有用户名与密码两项验证项目. 现在需要为首页登录加上验证码功能. 第一步:首页对默认登录页面的样式进行了调整,使其看上去还算美观. 在页面上加上了验证码项目. 第二步:导入验证码生成工具包及生成验证码配置 pom.xml中加入如下配置 <dependency> <groupId>com.google.code.kaptcha</groupId> <artifactId>kaptcha</artifactId> &l

Java使用SSM框架实现登录页面的验证码功能

最终效果展示: 代码展示: 1.前端登录页面代码展示 <div class="form-group"> <div class="input-icon"> <i class="fa fa-picture-o"></i> <input class="form-control" style="width:180px;" type="text"

实现带有验证码的简易登录页面

需求: 1. 访问带有验证码的登录页面login.jsp 2. 用户输入用户名,密码以及验证码. * 如果用户名和密码输入有误,跳转登录页面,提示:用户名或密码错误 * 如果验证码输入有误,跳转登录页面,提示:验证码错误 * 如果全部输入正确,则跳转到主页success.jsp,显示:用户名,欢迎您 login.jsp页面代码: <%@ page contentType="text/html;charset=UTF-8" language="java" %&g

asp.net mvc cookie超时返回登录页面问题

filterContext.HttpContext.Response.Write("<script>top.location.href = '/Login/Index';</script>"); 在使用超时设置时在本机调试时可以返回登录页面,在本机部署也可以,但是在服务器部署后没有跳转到登录页面,报错,以前的代码如下: public class HandlerLoginAttribute : AuthorizeAttribute    {        publ