跪求一个注册页面

molengge 2011-03-16 04:37:59

因为今天毕业设计被老师批了,说连基本注册的页面都难看得很
跪求各位大哥给个模板我自己来改就行了

...全文

232 20 打赏收藏转发到动态举报

写回复

用AI写文章

20 条回复

切换为时间正序

请发表友善的回复…

发表回复

Hamber_Bao 2011-03-17

打赏
举报

[Quote=引用 6 楼 l61551 的回复:]
引用 1 楼 caozhy 的回复:

VS2010-新建-项目-Web-ASP.NET MVC2 Application，确定。

Ctrl+F5，OK。

+++++++++++++1
[/Quote]

+100

gootey 2011-03-17

打赏
举报

你把美工的饭吃了吧

子夜__ 2011-03-17

打赏
举报

还是去这里找一找然后抄一下就行了

http://www.51aspx.com/

liukaizhou33091 2011-03-17

打赏
举报

http://www.mianfeimoban.com/

新时代新目标新征程 2011-03-17

打赏
举报

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script language="javascript">

            function checkname(){

                var div = document.getElementById("div1");

                div.innerHTML = "";

                var name1 = document.form1.text1.value;

                if (name1 == "") {

                    div.innerHTML = "姓名不能为空！";

                    document.form1.text1.focus();

                    return false;

                }

                if (name1.length < 4 || name1.length > 16) {

                    div.innerHTML = "姓名输入的长度4-16个字符！";

                    document.form1.text1.select();

                    return false;

                }

                var charname1 = name1.toLowerCase();

                for (var i = 0; i < name1.length; i++) {

                    var charname = charname1.charAt(i);

                    if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) {

                        div.innerHTML = "姓名包含非法字母，只能包含字母，数字，和下划线";

                        document.form1.text1.select();

                        return false;

                    }

                }

                return true;

                

            }

            

            function checkpassword(){

                var div = document.getElementById("div2");

                div.innerHTML = "";

                var password = document.form1.text2.value;

                if (password == "") {

                    div.innerHTML = "密码不位空！";

                    document.form1.text2.focus();

                    return false;

                }

                if (password.length < 4 || password.length > 12) {

                    div.innerHTML = "密码长度4-12位";

                    document.form1.text2.select();

                    return false;

                }

                return true;

            }

            

            function checkrepassword(){

                var div = document.getElementById("div3");

                div.innerHTML = "";

                var password = document.form1.text2.value;

                var repass = document.form1.text3.value;

                if (repass == "") {

                    div.innerHTML = "密码不位空！";

                    document.form1.text3.focus();

                    return false;

                }

                if (password != repass) {

                    div.innerHTML = "输入密码和确认密码长度不一致";

                    document.form1.text3.select();

                    return false;

                }

                return true;

            }

            

            function checkEmail(){

                var div = document.getElementById("div4");

                div.innerHTML = "";

                var email = document.form1.text5.value;

                var sw = email.indexOf("@", 0);

                var sw1 = email.indexOf(".", 0);

                var tt = sw1 - sw;

                if (email.length == 0) {

                    div.innerHTML = "电子邮件不能位空";

                    document.form1.text5.focus();

                    return false;

                }

                if (email.indexOf("@", 0) == -1) {

                    div.innerHTML = "电子邮件格式不正确，必须包含@符号！";

                    document.form1.text5.select();

                    return false;

                }

                if (email.indexOf(".", 0) == -1) {

                    div.innerHTML = "电子邮件格式不正确，必须包含.符号！";

                    document.form1.text5.select();

                    return false;

                }

                if (tt == 1) {

                    div.innerHTML = "邮件格式不对。@和.不可以挨着！";

                    document.form1.text5.select();

                    return false;

                }

                if (sw > sw1) {

                    div.innerHTML = "电子邮件格式不正确，@符号必须在.之前";

                    document.form1.text5.select();

                    return false;

                }

                else {

                    return true;

                }

                

                return ture;

            }

            

            function check(){

                if (checkname() && checkpassword() && checkrepassword() && checkEmail()) {

                    return true;

                }

                else {

                    return false;

                }

            }

        </script>

    </head>

    <body>

        <form name="form1" method="post" action="2.html" onsubmit="return check()">

            <table>

                <tr>

                    <td>

                        用户名：

                    </td>

                    <td>

                        <input id="text1" type="text" name="text1" onblur="check()">

                        <div id="div1" style="display:inline">

                        </div>

                    </td>

                </tr>

                <tr>

                    <td>

                        密码：

                    </td>

                    <td>

                        <input id="text2" type="password" name="text2" onblur="check()">

                        <div id="div2" style="display:inline">

                        </div>

                    </td>

                </tr>

                <tr>

                    <td>

                        确认密码：

                    </td>

                    <td>

                        <input id="text3" type="password" name="text3" onblur="check()">

                        <div id="div3" style="display:inline">

                        </div>

                    </td>

                </tr>

                <tr>

                    <td>

                        电子邮件地址：

                    </td>

                    <td>

                        <input id="text4" type="text" name="text4" onblur="check()">

                        <div id="div4" style="display:inline">

                        </div>

                    </td>

                </tr>

                <tr align="center">

                    <td align="center">

                        <input type="submit" value="提交" name="tect6"><input type="reset" value="重置" name="text7">

                    </td>

                </tr>

            </table>

        </form>

    </body>

</html>

V-Far 2011-03-17

打赏
举报

表示对美工压力很大。。。
你的确可以直接告诉他。自己是做程序设计的。不是做美工的
实在不行。随便找个网站的login页面参考一下咯。。。。比如csdn啊。哈哈

jianmeix 2011-03-17

打赏
举报

LZ懒很网上一大堆都不自己找

wmx424 2011-03-17

打赏
举报

网上很多模板，很漂亮的，搜一下后台模板，里面很多注册登录的

tony312ws 2011-03-17

打赏
举报

网上搜下很多的

软件研发服务 2011-03-17

打赏
举报

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

<!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 runat="server">
<title>注册页面</title>
<link href="css.css" type="text/css" rel="Stylesheet" />
<style type="text/css">
.style4
{
color:#FF3300;
}
.style5
{
color:#FF0000;
}
.style6
{
width:102px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="top">

</div>
<div class="register">
<table class="style1">
<tr>
<td class="style6">
<asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label>
</td>
<td class="style3">
<asp:TextBox ID="TextBox1" runat="server" Width="200px"></asp:TextBox>
</td>
<td>
<span class="style4">*</span>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="TextBox1" ErrorMessage="用户名不能为空" runat="server"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style6">
<asp:Label ID="Label2" runat="server" Text="密码"></asp:Label>
</td>
<td class="style3">
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="200px"></asp:TextBox>
</td>
<td>
<span class="style4">*</span>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox2" ErrorMessage="用户密码不能为空"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style6">
<asp:Label ID="Label3" runat="server" Text="性别"></asp:Label>
</td>
<td class="style3">
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem Value="2">帅哥</asp:ListItem>
<asp:ListItem Value="1">美女</asp:ListItem>
<asp:ListItem Value="0">保密</asp:ListItem>
<asp:ListItem Selected="True"></asp:ListItem>
</asp:DropDownList>
</td>
<td>
<span class="style5">*</span>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="DropDownList1" ErrorMessage="性别必须选择"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style6">
<asp:Label ID="Label4" runat="server" Text="头像"></asp:Label>
</td>
<td class="style3">
<asp:TextBox ID="TextBox4" runat="server" Width="200px"></asp:TextBox>
</td>
<td> </td>
</tr>
<tr>
<td class="style6">
<asp:Label ID="Label5" runat="server" Text="IM"></asp:Label>
</td>
<td class="style3">
<asp:TextBox ID="TextBox5" runat="server" Width="200px"></asp:TextBox>
</td>
<td> </td>
</tr>
<tr>
<td class="style6">
<asp:Label ID="Label6" runat="server" Text="个性签名"></asp:Label>
</td>
<td class="style3">
<asp:TextBox ID="TextBox6" runat="server" Width="200px"></asp:TextBox>
</td>
<td> </td>
</tr>
<tr>
<td class="style6">
<asp:Label ID="Label7" runat="server" Text="备注"></asp:Label>
</td>
<td class="style3">
<asp:TextBox ID="TextBox7" runat="server" Width="200px"></asp:TextBox>
</td>
<td>
<asp:Label ID="Label8" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<td class="style2" colspan="3">
<asp:Button ID="btnRegister" runat="server" Text="注册"
onclick="btnRegister_Click" />
</td>
</tr>
</table>
</div>
<div class="end">版权信息<br />
本网站不会将用户信息泄露给任何人或机构
</div>
</form>
</body>
</html>

css.css文件为：
body
{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
background:lightblue;
}

.style1
{
width:100%;
}

.style2
{
}

.style3
{
width:175px;
}

.top
{
background:white url(top.png) no_repeat top center;
width:800px;
margin:0px auto;
height:200px;
background-image:url(top.png)
}

.register
{
margin:0px auto;
width:800px;
}

.end
{
margin:0px auto;
width:800px;
Text-align:center;
background:#f9fbfd;
padding:10px 10px 10px 10px;
}

网上很多的，把css和div用好就可以美工了，简单页面是没问题，好运。。。