博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

[错误记录070516]Button的CausesValidation属性在检查用户注册时的应用

Posted on 2007-05-16 21:36  David Wang  阅读(576)  评论(0)    收藏  举报

前两天在做一个用户注册，在用户名处增加了验证用户名是否存在的功能，需要在用户输入用户名时利用Button激活的事件来判断，但是注册的其他TextBox控件又为了防止为空使用了RequiredFieldValidator控件进行验证。代码如下：

HTML代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="buttonValidate.aspx.cs" Inherits="buttonValidate" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="TextBox1"></asp:RequiredFieldValidator>
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="检查" CausesValidation="False" /><br />
        <br />
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ControlToValidate="TextBox2"></asp:RequiredFieldValidator><br />
        <br />
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*" ControlToValidate="TextBox3"></asp:RequiredFieldValidator><br />
        <br />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="提交" /><br />
        <br />
        <asp:Label ID="Label1" runat="server" Height="139px" Text="Label" Width="272px"></asp:Label></div>
    </form>
</body>
</html>


C#代码：
public partial class buttonValidate : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Button2_Click(object sender, EventArgs e)
    {
        if (TextBox1.Text.Trim() != "abc")
        {
            Label1.Text = "检查按钮激活的验证，不相等！";
            return;
        }

        Label1.Text = "检查按钮激活的验证，相等！";
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "提交按钮激活的验证";
    }
}

注意Button2的CauseValidation属性设置为false了，这个属性默认为true，如果不使用false，就会出现点击Button2
验证TextBox1的值时如果下边的TextBox2、TextBox3没有填值的时候就会激活这个两个控件对应的验证控件，使Button2的事件无法实现，这样的流程是我们不愿意见到的，将CauseValidation属性设置为false即为“该控件不激发验证”，这样就不会出现上述的情况了，Button2的事件也可以正常激活！

更进一步，可以使用TextBox的TextChanged事件激活对用户名的验证，再使用ASP.NET  AJAX的UpdatePanel控件，可以更好的提升用户体验！