javascript - 如何从自定义验证器代码调用 modalPopup

Question

我只想通过使用自定义验证器和模态弹出扩展程序来显示用户友好的消息。

这是我的设计:

    <ajaxToolkit:ModalPopupExtender ID="MPE" runat="server"
TargetControlID="hdValue"
PopupControlID="Panelalert"
BackgroundCssClass="modalBackground1"
DropShadow="true" 
CancelControlID="btncancel">
</ajaxToolkit:ModalPopupExtender>                                                                                    

<asp:Panel ID="Panelalert" runat="server" CssClass="modalPopup" Width="233px" style = "display:none">

<div class="sidesection_top" style="float: left; height: 15px;" align="left">
<div style="float: left; width: 192px; height: 15px;" align="left">
Registration Alert</div>
<div style="float: right; width: 32px; height: 15px;" align="right">
<asp:ImageButton ID="Imgbtnclose" runat="server" ImageUrl="images/Close_button.jpg" BorderWidth="0px" />
</div>
</div>
<div>
<div align="left" style="padding-left: 5px; padding-bottom: 5px;">
<span id="lblalertmsg"><asp:Label ID="Label5" runat="server"></asp:Label></span>
</div>
<div align="right" style="padding-right: 10px; height: 25px;">
<asp:Button ID="OkButton" runat="server" Text="Continue" CssClass="button"/>&nbsp;
<asp:Button ID="CancelButton" runat="server" Text="Cancel" CssClass="button"/><br>
</div>
</div>
</asp:Panel>

这是我的代码:

protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)
     {
        using(DataClassesDataContext db = new DataClassesDataContext())
        {
            var query = db.Users.Where(x => x.Username.Equals(txtusername.Text.Trim())).Select(x => x).SingleOrDefault();
            if (query == null)
            {
                args.IsValid = true;
            }
            else
            {
                MPE.Show();
                Label5.Text = "UserID Already Exist.";
                OkButton.Visible = false;
                args.IsValid = false;
            }
        }
    }

我如何检查它调试它调用此函数如何模态弹出不显示在前面。

请帮帮我....

Answer 1

您的标记和代码看起来不错。您是否在浏览器控制台中收到任何 JavaScript 错误？

您是否检查过以确保您已将此包含在您的页面中:-

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>