用户注册模块详解（30）-CSDN博客

由于工作需要，对方要求me做个模块或者其他实体东西，于是就选择了大家经常用到的用户注册模块，废话不多说先看效果图，没有经过任何美工处理，效果一般，效果图：

在设计注册模块之前需要先知道此模块的工作流程，即各个控件的用途，比如使用验证控件，电话号码的验证需要正则表达式，邮箱也是，主要还是控件与SQL的交互。

html代码：

<head runat="server">

<title>新用户注册</title>

<style type="text/css">

.style1 {

text-align: center;

width: 870px;

margin-left: 47px;

}

.style2

{

font-size: 8pt;

}

.style3

{

font-size: 5pt;

}

</style>

</head>

<body>

<form id="form1" runat="server" action="index.aspx">

<div class="style1">


用户注册

<hr style="width:50%; color:blue"/>

<table align="center">

<tr><td>

会员姓名：<asp:TextBox ID="txtName" runat="server" 

ToolTip="字母、下划线、数字" 

ontextchanged="txtName_TextChanged"></asp:TextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 

ControlToValidate="txtName" Display="Dynamic" ErrorMessage="会员姓名不能为空"></asp:RequiredFieldValidator>



</td>

<td> <asp:Label ID="lblMZ" runat="server"></asp:Label></td>

<td><asp:Label ID="lblZC" runat="server"></asp:Label></td>

</tr>

<tr>

<td>

密码：&nbsp;&nbsp;&nbsp;&nbsp; 

<asp:TextBox ID="txtPwd" runat="server" TextMode="Password"></asp:TextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 

ControlToValidate="txtPwd" Display="Dynamic" ErrorMessage="密码不能为空，建议大于6位数"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

确认密码：<asp:TextBox ID="txtPwdOk" runat="server" TextMode="Password"></asp:TextBox>

</td>

<td>

<asp:CompareValidator ID="CompareValidator1" runat="server" 

ControlToCompare="txtPwd" ControlToValidate="txtPwdOk" Display="Dynamic" 

ErrorMessage="密码不相同，请重新输入"></asp:CompareValidator>

</td>

</tr>

<tr>

<td>

昵称：&nbsp;&nbsp;&nbsp;&nbsp; 

<asp:TextBox ID="txtNick" runat="server"></asp:TextBox>

</td>


</tr>

<tr>

<td>

性别：&nbsp;<asp:RadioButton ID="rdiobtnM" runat="server" GroupName="sex" 

Text="男" />

&nbsp;&nbsp;

<asp:RadioButton ID="rdobtnW" runat="server" GroupName="sex" Text="女" />

</td>

</tr>

<tr>

<td>

电话：&nbsp;&nbsp;&nbsp; 

<asp:TextBox ID="txtPhone" runat="server"></asp:TextBox>


</td>

<td>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 

ControlToValidate="txtPhone" Display="Dynamic" ErrorMessage="请正确输入手机或固话" 

ValidationExpression="\d{11}|(\d{3,4}-)?\d{7,8}"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td>

邮箱：&nbsp;&nbsp;&nbsp; 

<asp:TextBox ID="txtMail" runat="server"></asp:TextBox>

</td>

<td>

<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 

ControlToValidate="txtMail" ErrorMessage="请正确输入邮箱地址" 

ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td>

所在城市：<asp:TextBox ID="txtCity" runat="server" 

></asp:TextBox>

</td>

</tr>

<tr>

<td style="font-size: 5pt">

<asp:Button ID="btnZhuCe" runat="server" Text="注册" οnclick="btnZhuCe_Click" />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<asp:Button ID="btnQuXiao" runat="server" Text="取消" οnclick="btnQuXiao_Click" />

</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


<td>

&nbsp;</td>

</tr>

<tr><td><span class="style2"><a href="index.aspx">所有已注册用户</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>

<span class="style3"><a href="changeinfo.aspx" style="font-size: 8pt">修改个人信息</a></span></td></tr>

</table>

</div>

</form>

</body>

</html>

在用户注册页面需要判断用户输入的是否为空，还要判断用户时候已经注册过，用户的输入的用户名格式是否合法。该功能用TextChanged来实现，调用isnamefomrmar方法判断用户输入的用户名是否正确，最后调用isname方法判断用户名是否已经存在，并给出相应的提示，实现的代码如下：

 protected void txtName_TextChanged(object sender, EventArgs e)

{
//判断用户名是否为空
if (txtName.Text == "")

{
//给出提示信息

ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('用户名不能为空！')</script>");

}
else

{
//判断用户名是否符合正则表达式
if (isNameFormar())

{
//判断用户是否已注册
if (isName())

{

lblZC.Text = "";

}
else

{

lblZC.Text = "用户可以注册";

}

}
else

{//用户名不符合正则表达式，则把清空

txtName.Text = "";

}


}

自定义方法isnameformar用来判断用户输入的格式是否正确，会员输入的格式是指用户名只能包含数字，字母及下划线，主要通过regex的 ismatch方法实现，看是否满足正则表达式，然后返回布尔值，实现的代码如下：

 protected bool isNameFormar()

{
//定义个布尔型的变量，初始为false
bool blNameFormar = false;
//设置正则表达式

Regex re = new Regex("^[a-zA-Z0-9_]{3,16}$");
//用IsMatch方法判断用户输入信息是否合法
if (re.IsMatch(txtName.Text))

{
//设置布尔值为true

blNameFormar = true;
this.lblMZ.ForeColor = System.Drawing.Color.Black;

}
else

{
//设置布尔值为false

blNameFormar = false;

lblMZ.Text = "用户格式不正确";

ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('用户名格式不正确！')</script>");

lblMZ.ForeColor = System.Drawing.Color.Red;

}
//返回布尔值
return blNameFormar;

}

自定义方法isname来判断用户输入的用户名是否已经存在，可通过SQL语句实现，如果已存在返回布尔值true，否则返回false，实现代码如下：

protected bool isName()

{
//定义个布尔型的变量，初始为false
bool blisname = false;
//定义SQL语句，实现查询功能
string sqlSel = "select count(*) from userInfo where userName='" + txtName.Text + "'";
//创建数据库连接

SqlConnection con = new SqlConnection("server=.;database=login;uid=sa;pwd=szl;");
//创建SqlCommand对象com

SqlCommand com = new SqlCommand(sqlSel, con);
//打开数据库连接

con.Open();
//判断查询结果中第一行的第一列是否存在
if (Convert.ToInt32(com.ExecuteScalar()) > 0)

{
//存在，返回为true

blisname = true ;

}
else

{
//不存在，返回为false

blisname =false ;

}
//关闭数据库连接

con.Close();
//返回布尔值
return blisname;

}

在“注册”按钮单击事件中，先判断用户名是否已经存在，和格式是否正确，在满足这两个条件的基础上，在把用户的信息添加到数据库中，主要通过 insert语句实现，为了提高保密性，我们对密码进行了加密，使用MD5加密方式，代码实现如下：

protected void btnZhuCe_Click(object sender, EventArgs e)

{
//调用isNameFormar自定义方法判断用户名输入的是否满足要求
if (isNameFormar())

{
//调用自定义isName方法判断用户名是否已存在
if (isName())

{
//用lable控件显示提示信息

lblMZ.Text = "用户已存在";

lblMZ.ForeColor = System.Drawing.Color.Red;//设置字体演示


}
else

{

//获取用户填写的会员名
string userName = txtName.Text;
//获取用户填写的密码并进行加密
string userPass = FormsAuthentication.HashPasswordForStoringInConfigFile(txtPwd.Text, "MD5");
//获取用户填写的昵称名称
string nickName = txtNick.Text;
//获取用户性别
string sex = "";
if (rdiobtnM.Text=="男")

{

sex = "男";

}
else

{

sex = "女";

}
//获取用户电话
string phone = txtPhone.Text;
//获取用户输入城市名
string city = txtCity.Text;
//获取用户输入的e_mail
string email = txtMail.Text;
//定义一个SQL语句，实现用户信息的添加
string sqlIns = "insert into userInfo(userName,userPass,nickName,sex,phone,email,city) values ('" + userName + "','" + userPass + "','" + nickName + "','" + sex + "','" + phone + "','" + email + "','" + city + "')";
//创建数据库连接

SqlConnection con = new SqlConnection("server=.;database=login;uid=sa;pwd=szl;");
//打开数据库连接

con.Open();
//定义命令对象

SqlCommand com = new SqlCommand(sqlIns, con);
//判断受影响的行数，大于0，证明添加成功，反之不成功
if (com.ExecuteNonQuery()>0)

{

ClientScript.RegisterStartupScript(this.GetType(),"", "<script>alert('注册成功！')</script>");
//清空文本框中的信息

txtName.Text = txtNick.Text = txtPhone.Text = txtMail.Text = txtCity.Text = "";

lblMZ.Text = "";

Response.Redirect("");

}
else

{

ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请正确填写信息！')</script>");

}

con.Close();

}

}
else

{

ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请正确填写信息！')</script>");

}

}