asp实现注册登录界面_asp.net 实现用户登录和注册——基于webform模式

最新推荐文章于 2024-07-15 10:49:25 发布

weixin_39946274

最新推荐文章于 2024-07-15 10:49:25 发布

阅读量5.4k

点赞数 8

文章标签： asp实现注册登录界面

点击上方蓝色字体，关注我们

环境:Windows10 + VS2015 + 自带LocalDB

看一下效果:

1、注册页面：

如果用户重名:

2、登录页：

3、注册或者登录好了会跳到Home页面并且显示当前的用户

下面看看关键代码：

①注册前台页面Register.aspx：

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

span style="box-sizing: border-box;outline: 0px;overflow-wrap: break-word;">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>

<style>

form{

color:#575454;

width:500px;

margin:20px auto;

font-size:15px;

}

.label{

color:red;

font-size:12px;

font-family:'Lucida Console';

}

input.Tb{

border-radius:5px;

}

.user_name{ width:240px; height:38px; line-height:38px; border:1px solid #000; background:url(login_img_03.png) no-repeat left center; padding-left:30px; }

.user_name input{ width:230px; height:36px; border:1px solid #fff;color:#666;}

.password{ width:240px; height:38px; line-height:38px; border:1px solid #dfe1e8; background:url(login_img_09.png) no-repeat left center; padding-left:30px; }

.password input{ width:230px; height:36px; border:1px solid #000;color:#666;}

.transButton {

border:solid 1px;

background-color:transparent;

}

#btnRegister{

font-size:14px;

}

#linkToLogin{

text-decoration:none

}

#ckItem{

text-decoration:none

}

body{

background-image:url("rbg.jpg");

}

style>

head>

<body>

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

<h2>欢迎注册OAh2>

<h3>每一天，记录美。h3>

<br />

<asp:ScriptManager ID="ScriptManager1" runat="server">

asp:ScriptManager>

<asp:TextBox runat="server" ID="rUserNameText" Height="40px" Width="490px" CssClass="Tb">asp:TextBox>

<br />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:CustomValidator ID="CustomValidator1" runat="server"

ControlToValidate="rUserNameText" ErrorMessage="*"

onservervalidate="CustomValidator1_ServerValidate">

asp:CustomValidator>

ContentTemplate>

asp:UpdatePanel>

<br />

<asp:TextBox runat="server" ID="rPsdText" TextMode="Password" Height="40px" Width="490px" CssClass="Tb">asp:TextBox>

<br />

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<ContentTemplate>

<asp:CustomValidator ID="CustomValidator2" runat="server"

ControlToValidate="rPsdText" ErrorMessage="*"

onservervalidate="CustomValidator2_ServerValidate">

asp:CustomValidator>

ContentTemplate>

asp:UpdatePanel>

<br />

<asp:TextBox runat="server" ID="rrPsdText" TextMode="Password" Height="40px" Width="490px" CssClass="Tb" >asp:TextBox>

<br />

<asp:UpdatePanel ID="UpdatePanel3" runat="server">

<ContentTemplate>

<asp:CustomValidator ID="CustomValidator3" runat="server"

ControlToValidate="rrPsdText&

最低0.47元/天解锁文章

weixin_39946274

关注

8
点赞
踩
86

收藏

觉得还不错? 一键收藏
0
评论
asp实现注册登录界面_asp.net 实现用户登录和注册——基于webform模式

点击上方蓝色字体，关注我们环境:Windows10 + VS2015 + 自带LocalDB 看一下效果: 1、注册页面：如果用户重名:2、登录页：3、注册或者登录好了会跳到Home页面并且显示当前的用户下面看看关键代码：①注册前台页面Register.aspx：<%@ Page Language="C#" AutoEventWireup="true" CodeB...
复制链接

扫一扫