如何從自定義驗證器代碼調用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" %>