asp.net 注册页面

最新推荐文章于 2023-12-27 21:18:39 发布
最新推荐文章于 2023-12-27 21:18:39 发布
阅读量729 收藏 8
点赞数
分类专栏： ASP.NET 文章标签： asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45626404/article/details/118674656
版权

注册页面，效果如下
在这里插入图片描述

RequiredFieldValidator控件：对于输入的内容进行验证，本文对输入框进行验证
其中比较常用的属性：
ErrorMessage="* 必填项" ：验证失败的提示信息
ForeColor：错误信息的字体颜色。
ControlToValidate：被验证的控件的 id
runat=“server” 该控件是一个服务器控件
在这里插入图片描述

<body style="background:#d7eeee;">
    <form id="form1" runat="server" >
        <div class="container" >
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6 login_text2">X动漫模型网站注册</div>  
                <div class="col-md-3"></div>              
            </div>
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6">
                      <div class="form-group">
                 <div class="row">
                    <div class="col-md-3 login_text">用户名：</div>
                    <div class="col-md-6" >
                        <asp:TextBox ID="txtUser" class="form-control" runat="server"></asp:TextBox>
                    </div>  
                    <div class="col-md-3">
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="* 必填项" ControlToValidate="txtUser"></asp:RequiredFieldValidator>

                    </div>              
                 </div>
              </div>
                        <div class="form-group">
                             <div class="row">
                                <div class="col-md-3 login_text">设置密码：</div>
                                <div class="col-md-6 ">
                                    <asp:TextBox ID="txtPwd" runat="server" class="form-control" TextMode="Password"></asp:TextBox>
                                </div>  
                                <div class="col-md-3">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="* 必填项" ControlToValidate="txtPwd"></asp:RequiredFieldValidator>
                                </div>              
                            </div>
                        </div>
                     <div class="form-group">
                             <div class="row">
                                <div class="col-md-3 login_text">确认密码：</div>
                                <div class="col-md-6 ">
                                    <asp:TextBox ID="txtPwd2" runat="server" class="form-control" TextMode="Password"></asp:TextBox>
                                </div>  
                                <div class="col-md-3">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="* 必填项" ControlToValidate="txtPwd"></asp:RequiredFieldValidator>
                                </div>              
                            </div>
                        </div>
                         <div class="form-group">
                            <div class="row">
                                <div class="col-md-3 login_text">验证码：</div>
                                <div class="col-md-6">
                                    <asp:TextBox ID="txtCheckCode" class="form-control" Width="150" runat="server"></asp:TextBox>
                                </div>  
                                <div class="col-md-3" style="margin-top:5px">   
                                    <asp:Image ID="Image1" runat="server" ImageUrl="~/CheckCode.aspx" /></div>              
                            </div>
                         </div>
                      <div class="form-group header_signup">
                           <asp:Button ID="btnlogon2" CssClass="header_login2"  runat="server" Text="注册" OnClick="btnlogon2_Click"  />   
                            <asp:Button ID="ImageButton2"  CssClass="header_login2" runat="server"  Text="重置"  OnClick="btnlogon3_Click"/> 
                          <asp:HyperLink ID="HyperLink1" runat="server" class="btn-link" NavigateUrl="~/Default.aspx">[返回首页]</asp:HyperLink>
             </div>
          
                </div>  
                    
                <div class="col-md-3"></div>              
            </div>
             <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6"></div>  
                <div class="col-md-3"></div>              
            </div>

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

最下面是btnlogon3_Click是为了实现置空功能，当用户点击置空之后实现清空输入框的效果
先判断两次输入的密码是否正确、然后判断验证码是否正确
checkcode = Request.Cookies[“CheckCode”].Value; 获取验证码的值
验证码的实现在下面
WebMessageBox.Show(“恭喜你，注册成功，请登录页面！”, “Logon.aspx”); 输出提示框并跳转页面，你们可以通过 Response.Write实现

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

public partial class Login : System.Web.UI.Page
{
    //声明用户类和随机变量
    Operation operation = new Operation();
    Random random = new Random();
    String checkcode = null;
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void btnlogon2_Click(object sender, EventArgs e)
    {
        //利用CheckCode实现图片显示
        checkcode = Request.Cookies["CheckCode"].Value;
        //判断再次输入的密码是否一致
        
        if (txtPwd.Text == txtPwd2.Text)
        {
            //判断验证码是否正确
            if (checkcode != txtCheckCode.Text.Trim())
            {
                WebMessageBox.Show("输入验证码不正确！", "Login.aspx");
            }       
            else if (true)
            {
                //往数据库添加数据
                operation.Login(txtUser.Text, txtPwd2.Text);
                //判断数据成功添加到数据库
                if (operation.Login2(txtUser.Text, txtPwd2.Text).Tables[0].Rows.Count > 0) {
                    WebMessageBox.Show("恭喜你，注册成功，请登录页面！", "Logon.aspx");
                }
                else
                {
                    WebMessageBox.Show("注册失败，请重新注册！", "Login.aspx");
                }
            }
           
        }
        else {
            WebMessageBox.Show("输入的确认密码与密码不相等，请重新输入！", "Login.aspx");
        }
       
    }
    protected void btnlogon3_Click(object sender, EventArgs e)
    {
        txtUser.Text = "";
        txtPwd.Text = "";
        txtPwd2.Text = "";
        txtCheckCode.Text = "";
    }
}

验证码的实现

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

public partial class CheckCode : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        CreateCheckCodeImage(GenerateCheckCode());
    }
    private string GenerateCheckCode()
    {
        int number;
        char code;
        string checkCode = String.Empty;
        System.Random random = new Random();

        for (int i = 0; i < 4; i++)
        {
            number = random.Next();

            if (number % 2 == 0)
                code = (char)('0' + (char)(number % 10));
            else
                code = (char)('A' + (char)(number % 26));

            checkCode += code.ToString();
        }
        Response.Cookies.Add(new HttpCookie("CheckCode", checkCode));
        return checkCode;
    }
    private void CreateCheckCodeImage(string checkCode)
    {
        if (checkCode == null || checkCode.Trim() == String.Empty)
            return;
        System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 12.5)), 22);
        Graphics g = Graphics.FromImage(image);
        try
        {
            //生成随机生成器
            Random random = new Random();
            //清空图片背景色
            g.Clear(Color.White);
            //画图片的背景噪音线
            for (int i = 0; i < 2; i++)
            {
                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(Color.Black), x1, y1, x2, y2);
            }
            Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
            System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
            g.DrawString(checkCode, font, brush, 2, 2);
            //画图片的前景噪音点
            for (int i = 0; i < 100; i++)
            {
                int x = random.Next(image.Width);
                int y = random.Next(image.Height);
                image.SetPixel(x, y, Color.FromArgb(random.Next()));
            }
            //画图片的边框线
            g.DrawRectangle(new Pen(Color.Silver), 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();
        }
    }

}
第1006号小白
关注
专栏目录
一个ASP.NET用户注册页面
11-29
一个ASP.NET的用户注册页面 刚刚写好的 上传来让大家分享
ASP.NET注册界面
iteye_8029的博客
09-18 415
上传图片： 1：得到上传文件的文件名：string filename=this.file1.PostedFile.FileName; 2:改名：filename=DateTime.Now.Tick.ToString()+filename.Substring(filename.LastIndexOf("."));//以当前时间命名 3:将文件存在服务器的某个位置file1.PosteFile....
asp.net登录注册页面
自学吧
04-07 4748
数据库:app，表:Student db.cs文件 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data.SqlClient; /// /// db 的摘要说明 /// public class db { public db() { // /...
asp.net注册登录页面
07-06
一个简单的ASP.NET注册登录和查看个人信息的界面
ASP.NET创建用户注册页面
最新发布
ZSR1126的博客
12-27 2107
4、创建Sqlserver数据库,命名为User.mdf，创建一个表为 Users，添加列 username、password，设置数据类型。5、放置一个数据源控件SqlDataSource控件到页面，配置数据源，名称设置为zhuce，选择表 Users，下一步。3、需要用到两个必填验证控件,放置到,用户名和密码下面，和一个比较验证 放置到再输入密码下面，实现注册项简单验证。1、首先文件菜单下，新建网站 选择 c#模板，Asp.net空网站,并选择文件位置。设置好各控件ID等属性，将密码框。
用ASP.NET做的个人注册页面
11-21
次个人注册页面注册有权限，年龄不能乱写，姓名不能乱写，联系电话必须为规定字数的数字
ASP.NET登录注册页面实现
01-20
【文件】–>【新建】–>【网站】–>【ASP.Net网站】–【完成】 默认页面Default.aspx 创建以上界面： <%@ Page Language=C# AutoEventWireup=true CodeFile=UserLogin.aspx.cs Inherits=UserLogin %> &lt...
asp.net注册页面
07-12
asp.net注册页面，有注册页面，登录页面等
简单的ASP.NET注册登陆界面
03-05
呃 我们asp.net 老师布置的大作业 我把它传上来了 和大家分享一下 里面有Java脚本 db连接数据库类 和 DBhelper类等 制作平台是vs2010 和 数据库sql server2008
简单的asp注册登录页面
12-06
小弟刚刚接触asp 写得很简单 看着好就下吧 勿喷啊
ASP.NET 个人信息注册页面,并跳转显示
11-23
#题目 新建一个MVC项目，利用HTML、CSS、JS、jQuery、Ajax、jQuery UI等技术设计一个个人信息注册页面。当点击“提交”按钮时，跳转到新的页面显示录入信息。 **基本要求：** 用户名为6-10个小写字母（小写使用正则式验证，且用户名不能为“wustzz” –用Ajax技术来检测）；密码为6位数字，确认密码不一致时有提示；籍贯使用级联（jquery实现）；Email必须符合Email格式；手机是11位（假设规定以1569开头）；出生年月使用jQuery UI日历组件设置；图片要传递到新的页面显示。
asp.net登录及注册页面代码实现
10-02
基于asp.net的并用C＃语言实现的登录接注册的页面的代码。分享给大家。。。
ASP.NET做的用户注册界面
05-12
这是一个用ASP.NET做的用户注册界面，适用于一般的网站注册，简捷实用，注册成功后会提示你欢迎你注册成功，如注册信息错误或者空也会给出相应提示
ASP.NET实现个人信息注册页面并跳转显示
10-21
在这个案例中，我们将讨论如何使用ASP.NET实现一个个人信息注册页面，并在用户提交信息后跳转到新页面显示这些信息。 首先，我们需要创建一个新的MVC项目。ASP.NET MVC（Model-View-Controller）是一种设计模式，它...
ASP.NET实现用户注册和验证功能（第4节）
01-03
1、创建ASP.NET应用程序。 在E:\Solution1目录下双击文件，运行Visual Studio 2008。在“解决方案资源管理器”面板中，右击“解决方案，在弹出的快捷菜单中选择“添加”——“新建网站”命令，新建Chap4站点。 2、在...
ASP.net 简单注册界面
m0_56227168的博客
02-10 6906
一.说明 此文是小白在学习张晨光老师的视频教学<<Asp.Net WEB服务器编程技术>>中做的学习笔记,一些知识点也是跟着教程走的,大家也可以去老师的主页去学习,谢谢大家. 这一篇要练习的是,如下课程的代码: 先新建img文件夹,用来存储图片: 图片大家可以在网上随便找一些壁纸来替代,练习所用,不必太过讲究 再新建js文件夹,用来存放js文件: 从 jquery.com 下载 jQuery 库 二.注册界面(RegUser.aspx) 前端代码: <%@ Page La
html asp 注册页面,用ASP实现一个真正的注册页面
weixin_39604557的博客
06-04 331
(一)，设定注册页面的外观：在这个例子中涉及了五个页面，其中有三幅是一般的htm文件，另外的两幅是asp文件，在这里制作利用的工具是frontpage98，但是大部分的asp代码还是要自己输入的：1，设定原来已经注册的用户进入的外观：在这里设置了两个文本框，一个超级链接和两个按钮。两个文本框分别用来输入帐号(txtNum)和密码(txtPasswd)，超级链接(New)链接到新用户进行注册的页面，...
asp注册页面代码
shuanghusun的专栏
09-09 6674
asp注册页面代码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值