第四步 WEB 展示层(显示层) UserReg.aspx 页 实例

12 篇文章 0 订阅

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserReg.aspx.cs" Inherits="UserReg" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="css/reg.css" rel="stylesheet" type="text/css" />
<link href="css/oltext.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<title>微度-注册登录</title>
<script language="javascript" type="text/javascript">
function CountUser()
{
    AjaxMethod.CountUser(document.getElementById("tbMemberName").value,CountUser__callback);
}
function CountUser__callback(response)
{
        document.getElementById("lbalert").innerHTML = "";
        var message=response.value;
        document.getElementById("lbalert").innerHTML=message;
}
</script>
<script language="JavaScript" type="text/javascript">
function document.onkeydown()    
{    
var   e=event.srcElement;    
if(event.keyCode==13)    
{    
    if(document.getElementById("tbMemberName").value !="" && document.getElementById("tbPassword").value !="")
    {
        document.getElementById("imsubmit").click();
    }
    if(document.getElementById("tbxLoginName").value !="" && document.getElementById("tbxLoginPwd").value !="")
    {
        document.getElementById("submit").click();
    }
return   false;    
}      
}  
</script>
</head>

<body>

<form id="form1" runat="server">
<div id="div">
   <table width="800" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td width="30%" style="height: 113px">
     <div class="yh">
     </div>
     </td>
     <td>
     <div class="logo" style="background-image:url('images/logo180-4.gif'); background-repeat:no-repeat;">
     </div>
     </td>
     <td width="20%" valign="bottom" style="height: 113px">
     <div class="font">
      <a href="UserLogin.aspx">登录</a>|<a href="#">注册</a>|<a href="#">帮助</a></div>
     </td>
    </tr>
   </table>
   <div class="tiao">
   </div>
   <div class="divb">
    <div class="pad">
     <table border="0" cellpadding="0" cellspacing="0" class="td" width="90%">
      <tr>
       <td align="right" valign="middle" width="35%" style="height: 20px">输入你的Email</td>
       <td align="left" width="65%" style="height: 20px"><label>
       <asp:TextBox ID="tbxLoginName" runat="server" CssClass="textbox" Width="150px"></asp:TextBox>
       </label></td>
      </tr>
      <tr>
       <td align="right">密码:</td>
       <td align="left">
       <asp:TextBox ID="tbxLoginPwd" runat="server" CssClass="textbox" TextMode="Password" Width="150px"></asp:TextBox>
       </td>
      </tr>
      <tr>
       <td align="right" class="bfont"></td>
       <td align="left">
       <asp:Label ID="lberror" runat="server" ForeColor="Red"></asp:Label>
                            <input id="txtState" runat="server" style="visibility: hidden; width: 1px" type="text" /></td>
      </tr>
      <tr>
       <td align="right" class="bfont" style="height: 31px">
       </td>
       <td align="left" style="height: 31px">
       <asp:Button id="submit" runat="server" cssclass="btnBIG" οnclick="submit_Click" text="登录" CausesValidation="False" />&nbsp;<a href="FindPassword.aspx" style="color:white">忘记密码?</a></td>
      </tr>
     </table>
    </div>
   </div>
   <div class="overlayer">
    <table style="WIDTH: 400px" class="td" cellspacing="0" cellpadding="0" align="center" border="0">
     <tr>
      <td style="WIDTH: 101px" align="left">
      <span style="COLOR: black" class="STYLE3">E-mail</span></td>
      <td align="left" width="380">
      <asp:TextBox id="tbMemberName" runat="server" Width="160px"></asp:TextBox>
      <asp:Label id="lbalert" runat="server" ForeColor="Red"></asp:Label>
      <asp:RegularExpressionValidator id="RegularExpressionValidator1" runat="server" ValidationExpression="/w+([-+.']/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*" Font-Size="12px" ErrorMessage="邮箱格式不对" ControlToValidate="tbMemberName">
      </asp:RegularExpressionValidator>
      </td>
     </tr>
                <tr style="color: #9c9c9c">
                    <td align="left" style="width: 101px">
                    </td>
                    <td align="left" width="380">
                        请填写有效信箱地址以进行注册确认(例:xyz123@163.com)</td>
                </tr>
     <tr style="COLOR: #9c9c9c">
      <td style="WIDTH: 101px" align="left">
      <span style="COLOR: black" class="STYLE3">密码</span></td>
      <td align="left" width="380px">
      <asp:TextBox id="tbPassword" οnfοcus="CountUser()" runat="server" Width="160px" TextMode="Password"></asp:TextBox>
      </td>
     </tr>
                <tr style="color: #9c9c9c">
                    <td align="left" style="width: 101px">
                    </td>
                    <td align="left" width="380">
                        请填写6至12位的密码,其中包含英文与数字</td>
                </tr>
     <tr>
      <td style="WIDTH: 101px; height: 20px;" align="left">
      <span style="COLOR: black" class="STYLE3">重复密码</span></td>
      <td align="left" width="380" style="height: 20px">
      <asp:TextBox id="tbPassword1" runat="server" Width="160px" TextMode="Password"></asp:TextBox>
      <asp:CompareValidator id="CompareValidator1" runat="server" Font-Size="12px" ErrorMessage="密码不一样" ControlToValidate="tbPassword1" ControlToCompare="tbPassword">
      </asp:CompareValidator>
      </td>
     </tr>
                <tr style="color: #9c9c9c">
                    <td align="left" style="width: 101px">
                    </td>
                    <td align="left" width="380">
                        重复确认您的密码</td>
                </tr>
     <tr>
      <td style="WIDTH: 101px" align="left">
      <span style="COLOR: black" class="STYLE3">密码提示问题</span></td>
      <td align="left" width="380">
      <asp:DropDownList id="dlQuestion" runat="server" Width="166px">
                    <asp:ListItem>您的家乡</asp:ListItem>
                    <asp:ListItem>您最尊重的人</asp:ListItem>
                    <asp:ListItem>您最爱吃的菜</asp:ListItem>
                    <asp:ListItem>您最爱读的书</asp:ListItem>
                    <asp:ListItem>您最爱喜欢的一首歌</asp:ListItem>
                    <asp:ListItem>您最喜欢的运动</asp:ListItem>
                    <asp:ListItem>您最喜欢的电影</asp:ListItem>
                    <asp:ListItem>您最喜欢的节日</asp:ListItem>
                    <asp:ListItem>您最想去的地方</asp:ListItem>
                    <asp:ListItem>您最想做的事情</asp:ListItem>
                    <asp:ListItem>您最难忘的事情</asp:ListItem>
                </asp:DropDownList>
      </td>
     </tr>
                <tr style="color: #9c9c9c">
                    <td align="left" style="width: 101px">
                    </td>
                    <td align="left" width="380">
                        当您忘记密码时可根据提示问题找回密码</td>
                </tr>
     <tr>
      <td style="WIDTH: 101px" align="left">
      <span style="COLOR: black" class="STYLE3">答案</span></td>
      <td align="left" width="380">
      <asp:TextBox id="tbAnswer" runat="server" Width="160px"></asp:TextBox></td>
     </tr>
                <tr style="color: #9c9c9c">
                    <td align="left" style="width: 101px; height: 21px">
                    </td>
                    <td runat="server" align="left" style="height: 21px" width="380">
                        答案至少3个字符以上,不区分大小写,其中包含英文与数字</td>
                </tr>
     <tr>
      <td style="WIDTH: 101px; HEIGHT: 21px" align="left"></td>
      <td style="HEIGHT: 21px" id="TDMessage" align="left" width="380" runat="server">
                        <asp:Label ID="lber" runat="server"></asp:Label>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tbMemberName"
                            ErrorMessage="用户名不为空!"></asp:RequiredFieldValidator><asp:RequiredFieldValidator ID="RequiredFieldValidator2"
                                runat="server" ControlToValidate="tbPassword" ErrorMessage="密码不为空!"></asp:RequiredFieldValidator><asp:RequiredFieldValidator
                                    ID="RequiredFieldValidator3" runat="server" ControlToValidate="tbAnswer" ErrorMessage="答案不为空!"></asp:RequiredFieldValidator></td>
     </tr>
     <tr>
      <td style="WIDTH: 101px" align="left"><span class="STYLE3">
      </span></td>
      <td align="left" width="380">
      <asp:ImageButton id="imsubmit" οnclick="imsubmit_Click" runat="server" ImageUrl="~/images/an.gif">
      </asp:ImageButton>
      </td>
     </tr>
    </table>
   </div>
   <div style="height:250px;"></div>
   <div style="float:right; width:90px; height:53px; background-attachment: fixed; background-image: url(images/mm.gif);"></div>
</div>
</form>

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值