利用asp.net制作登录页面

                                                  create by 王明刚 2002-05-16

一般在一个系统里总会有一个登录页面，同时，登录页面的制作对于所有系统开发者来说，都是必经之路！

首先，我们先来看看这个登录页面里主要的功能是：

1.       验证用户输入的数据是否完整！

2.       验证用户输入的数据是否满足要求，比如：姓名是否是4-10位字符，密码是否是4-8位字符。

3.       同时在这个页面里还用到了asp.net的Pagelet（网页配件）。

现在，我们一起来看看具体是怎么制作这个页面的。

第一．   怎样验证用户输入的数据是否完整，这个做过asp的人都能理解。不同的是在asp.net里显示信息的话是用Label.text＝…，表示这个Label将要显示的信息。

if userid="" and password=""then

  Label2.Text &= "请输入姓名和密码！"

exit sub

else

if userid=""then

  Label2.Text &= "请输入姓名！"

exit sub

else

if password=""then

  Label2.Text &= "请输入密码！"

exit sub

第二．验证用户输入的数据是否满足要求

在这里使用asp.net的Regularexpressionvalidator控制元件，Regular Expression是一种功能强大的字符串定义规则，让我们直接来看个实例：如下图，表单中的〔姓名〕栏必须输入4-10个字符，而〔密码〕栏必须输入4-8个字符。

姓名:：[a-zA-Z0-9]{4,10}

密码 ：[a-zA-Z0-9]{4,8}

有关以上定义的Regular Expression字符串，说明如下：

[]：用来定义可接受的字符，a-z表示小写的a-z都是可以接受的字符，A-Z也是，还有数字0-9都是可以接受的。

｛｝：用来定义必须输入的字符数，｛4，10｝表示至少含有4个字符，最多含有10个字符。

现在让我们来看看Regular Expression在网页中的布置方法：

<td>姓名:</td>

    <td><asp:TextBox id="Text1" runat="server"/>

    <asp:regularexpressionvalidator id="valid1" runat="server" controltovalidate="text1"

    validationexpression="[a-zA-Z0-9]{4,10}">

    (请输入4-10位字符)

    </asp:regularexpressionvalidator><p>

    </td>

  </tr>

  <tr>

    <td>密码:</td>

    <td><asp:TextBox id="Text2" TextMode="Password" runat="server"/>

     <asp:regularexpressionvalidator id="valid2" runat="server" controltovalidate="text2"

     validationexpression="[a-zA-Z0-9]{4,8}">

    (请输入4-8位字符)

</asp:regularexpressionvalidator><p>

一般Regular Expression它是放在要控制的表单元件后面。在网页中，E-mail,电话，地址是常见的输入栏，具体使用方法我们通过上面的例子可以举一反三。

第二．   同时在这个页面里还用到了asp.net的Pagelet（网页配件）。

Pagelet（网页配件）？何谓Pagelet（网页配件），说的通俗点的话，就想是圣诞树上的小挂件，

看页面的上面部分：

我的第一个Header

2002-4-30 14:49:32

和下面部分：

学习asp.net找我

这个就是两个Pagelet！我们来看看它是怎么制作的：

在这个登录页面的最上面的两行代码，表示在使用Pagelet之前，要先将其登录成为网页可以引用的控件，登录header.ascx、footer.ascx的标记如下

<%@ register tagprefix="wangmg" tagname="header" src="header.ascx" %>

<%@ register tagprefix="wangmg" tagname="footer" src="footer.ascx" %>

其中几个属性的设定如下：

Src: Pagelet来源文件。

[1] [2] [3] [4]  下一页