首页 > 解决方案 > 带有必需字段验证器的 AJAX 手风琴崩溃

问题描述

我已经为此寻找了几个小时,但没有找到答案。请帮忙。

我的页面上有一个手风琴,在第一个窗格中我放置了一个带有必填字段验证器的文本框。

我添加了第二个窗格,其中包含一些文本。

在我在文本框中输入文本之前,我希望无法移动到下一个窗格,但这不会发生。

目前,如果我将文本框留空并单击窗格 2,则窗格 2 会展开并且窗格 1 会折叠,但必填字段验证器会运行并显示错误消息。

在我在窗格 1 中输入文本之前,如何防止窗格发生变化?

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Master.Master" CodeBehind="Create.aspx.vb" Inherits="Concerns_2_0.Create" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<h2>Create Concern</h2>
<hr />
<asp:Panel ID="CreatePnl" runat="server">
    <asp:UpdatePanel ID="UP1" runat="server">
        <ContentTemplate>
            <ajaxToolkit:Accordion ID="Acc1" runat="server" HeaderCssClass="AccHead" ContentCssClass="AccCont" SelectedIndex="0" >
                <Panes>
                    <ajaxToolkit:AccordionPane ID="ChoicePane" runat="server" >
                        <Header>
                            <asp:Button ID="Pane0Btn" runat="server" CssClass="panebtn" Text="Concern Type" />
                        </Header>
                        <Content>
                            <asp:TextBox ID="reqtxt" runat="server" ValidationGroup="grp1"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="rf1" runat="server" ControlToValidate="reqtxt" ErrorMessage="Required!" SetFocusOnError="true" ValidationGroup="grp1"  />
                        </Content>
                    </ajaxToolkit:AccordionPane>
                    <ajaxToolKit:AccordionPane ID="InvoicePane" runat="server">
                        <Header>
                            <asp:Button ID="Pane1Btn" runat="server" CssClass="panebtn" Text="Search For Invoice" />
                        </Header>
                        <Content>
                            test content 2
                        </Content>
                    </ajaxToolKit:AccordionPane>
                </Panes>
            </ajaxToolkit:Accordion>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Panel>

此外,我的脚本管理器位于母版页上。

提前感谢您的帮助。

标签: asp.netajaxcontroltoolkit

解决方案


推荐阅读