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" %>

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

1 个答案: