hi I have 1textbox and 1 buttonBtnPopupL in pageI define RequiredFieldValidator for text box and use ModalPopupExtender for button below is code ltaspUpdatePanel ID34Uptload134 runat34server34gt ltContentTemplategt ltaspModalPopupExtender DropShadow34true34 ID34ModalPopupExtender334 PopupControlID34PnPopupL34 runat3

You need to follow these steps1 You will need to use RequiredFieldValidator and then validate and show Modal Popup using JavaScript2 Add CausesValidation false for the Button so that it does not call RequiredFieldValidatorHTMLltaspToolkitScriptManager ID34ToolkitScriptManager134 runat34server34gtltaspToolkitScriptManagergtNameltaspTextBox ID34txtName34 runat34server34 gtltaspRequiredFieldValidator ErrorMessage34Required34 ControlToValidate34txtName34 ForeColor34Red34 Display34Dynamic34 runat34server34 gtltbr gtltbr gtltaspButton ID34btnDisplayName34 runat34server34 Text34Display Name34 CausesValidation34false34 OnClientClick34return DisplayName34 gtltaspLinkButton ID34lnkDummy34 runat34server34gtltaspLinkButtongtltaspModalPopupExtender ID34ModalPopupExtender134 BehaviorID34mpe34 runat34se

Display (Show) ASP.Net AJAX Modal Popup after validation is successful

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on May 02, 2015 11:33 PM
Forum: ASP.Net AJAX
Answer: 1
Views: 6215

I have 1textbox and 1 button==BtnPopupL in page

I define RequiredFieldValidator for text box and use ModalPopupExtender for button below is code:

 <asp:UpdatePanel ID="Uptload1" runat="server">
                                        <ContentTemplate>
                                            <asp:ModalPopupExtender DropShadow="true" ID="ModalPopupExtender3" PopupControlID="PnPopupL"
                                                runat="server" TargetControlID="BtnPopupL">
                                            </asp:ModalPopupExtender>
                                            <asp:ImageButton ID="BtnPopupL" OnClick="BtnPopupL_Click" runat="server"
                                                CssClass="imgpdfpro" ImageUrl="~/Image/loadpdf.png" />
                                            <asp:Panel ID="PnPopupL" runat="server" BackColor="White" CssClass="panel" Style="display: none">
                                                <div class="CloseImge">
                                                    <asp:ImageButton ID="ImageButton20" runat="server" CssClass="closeI" ImageUrl="~/image/close.png"
                                                        CausesValidation="false" />
                                                </div>
      </asp:Panel>
                                        </ContentTemplate>

here when I click on button it will show popup but I want if users don't type any text in textbox if they click on button it doesn't show popup and show error that I define in RequiredFieldValidator...

here when I don't type text in textbox when I click on button it show both(popup and RequiredFieldValidator) but I want it doesn't show popup untill I type text in textbox...

Best Regards

Neda

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 10

Reply
ANSWER
User: Mudassar
Replied: on May 05, 2015 09:54 AM
Report

You need to follow these steps:

1. You will need to use RequiredFieldValidator and then validate and show Modal Popup using JavaScript.

2. Add CausesValidation = "false" for the Button so that it does not call RequiredFieldValidator.

HTML

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
Name:
<asp:TextBox ID="txtName" runat="server" />
<asp:RequiredFieldValidator ErrorMessage="Required" ControlToValidate="txtName" ForeColor="Red"
    Display="Dynamic" runat="server" />
<br />
<br />
<asp:Button ID="btnDisplayName" runat="server" Text="Display Name" CausesValidation="false"
    OnClientClick="return DisplayName()" />
<asp:LinkButton ID="lnkDummy" runat="server"></asp:LinkButton>
<asp:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mpe" runat="server"
    PopupControlID="pnlPopup" TargetControlID="lnkDummy" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
    <div class="header">
        Modal Popup
    </div>
    <div class="body">
        Your name: <span id="lblName"></span>
        <br />
        <asp:Button ID="btnClose" runat="server" Text="Close" OnClientClick="return HideModalPopup()" />
    </div>
</asp:Panel>

JavaScript

<script type="text/javascript">
    function DisplayName() {
        if (Page_ClientValidate()) {
            $get("lblName").innerHTML = $get("<%=txtName.ClientID %>").value;
            $find("mpe").show();
        }
        return false;
    }
    function HideModalPopup() {
        $find("mpe").hide();
        return false;
    }
</script>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display (Show) ASP.Net AJAX Modal Popup after validation is successful

Company

Explore

Follow us

Contact Us