asp.net 验证控件RequiredFieldValidator与js冲突的解决

最新推荐文章于 2023-02-15 16:55:17 发布

原创最新推荐文章于 2023-02-15 16:55:17 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #button #textbox #javascript #server #object

.Net c# 同时被 2 个专栏收录

4 篇文章

订阅专栏

javascript

2 篇文章

订阅专栏

本文详细介绍了ASP.NET页面中使用RequiredFieldValidator验证TextBox是否为空，并在按钮点击事件中加入客户端验证逻辑的过程。通过调整按钮的CausesValidation属性及在按钮确认事件中引入Page_ClientValidate()函数，实现更灵活的表单验证机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<asp:TextBox ID="txtAtlasName" runat="server" width="400px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="txtAtlasName" ErrorMessage="不能为空">不能为空</asp:RequiredFieldValidator>

<asp:Button ID="btn_createAtlas" runat="server" Text="创建图集"
onclick="btn_createAtlas_Click" CausesValidation="True" />

如上所示，RequiredFieldValidator用来验证textbox是否为空

protected void Page_Load(object sender, EventArgs e)
    {
        this.btn_createAtlas.Attributes.Add("onclick", "javascript:return window.confirm('确定创建吗？');");
    }

page_load里添加了button事件，但是在点击按钮后，并不会触发页面的RequiredFieldValidator的验证。那么修改如下：

1 将button的CausesValidation属性设置为false

<asp:Button ID="btn_createAtlas" runat="server" Text="创建图集"
onclick="btn_createAtlas_Click" CausesValidation="false" />

2 button确认属性中加入Page_ClientValidate()判断

protected void Page_Load(object sender, EventArgs e)
    {
        this.btn_createAtlas.Attributes.Add("onclick", "javascript:if(Page_ClientValidate())   return window.confirm('确定创建吗？');");
    }