I have a modal form (bootstrap), I am using asp.net RequiredFieldValidtors for data entry validation inside modal form, but the form was closing, when i click save
button within modal form.
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div class="row">
<div class="col-md-12">
<div class="box box-primary">
<div class="box-header">
<asp:Button ID="btnAdd" runat="server" Text="Add Client" class="btn btn-primary pull-right" OnClick="btnAdd_Click"></asp:Button>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnAdd"
BackgroundCssClass="modalBackGround" PopupControlID="Panel1"
CancelControlID="btnTopClose" DropShadow="True">
</asp:ModalPopupExtender>
</div>
<div class="box-body pad table-responsive">
<asp:GridView ID="grdClients" runat="server"
AutoGenerateColumns="False" CssClass="table table-bordered table-hover" width="100%" AllowPaging="true" DataKeyNames="ClientID">
<Columns>
<asp:BoundField DataField="ClientName" HeaderText="Client Name" />
<asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
<asp:BoundField DataField="ContactNo" HeaderText="Contact No." />
<asp:BoundField DataField="Location" HeaderText="Location" />
<asp:BoundField DataField="Address" HeaderText="Address" />
<asp:BoundField DataField="NoOfLicense" HeaderText="No. Of License" />
</Columns>
</asp:GridView>
</div>
<!-- Modal -->
<asp:UpdatePanel ID="UpdatePanel1" runat="Server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server" class="modal-dialog modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-content">
<div class="modal-header">
<asp:Button ID="btnTopClose" runat="server" Text="×" class="close" />
<h4 class="modal-title">Add Client</h4>
</div>
<div class="modal-body">
<div class="form-group">
<asp:TextBox ID="txtClient" runat="server" placeholder="Client Name" CssClass="form-control" ></asp:TextBox>
<asp:RequiredFieldValidator Display ="Dynamic" ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtClient"
ErrorMessage="Enter Client Name" ForeColor="Red" EnableClientScript="false" ValidationGroup="Popup" />
</div>
<div class="form-group">
<asp:TextBox ID="txtContactName" runat="server" placeholder="Contact Name" CssClass="form-control"></asp:TextBox>
<asp:RequiredFieldValidator Display ="Dynamic" ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtContactName"
ErrorMessage="Enter Contact Name" ForeColor="Red" EnableClientScript="false" ValidationGroup="Popup" />
</div>
<div class="form-group">
<asp:TextBox ID="txtContactNo" runat="server" placeholder="Contact No." CssClass="form-control" ></asp:TextBox>
<asp:RequiredFieldValidator Display ="Dynamic" ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtContactNo"
ErrorMessage="Enter Contact No." ForeColor="Red" EnableClientScript="false" ValidationGroup="Popup"/>
</div>
<div class="form-group">
<asp:TextBox ID="txtLocation" runat="server" placeholder="City" CssClass="form-control" ></asp:TextBox>
<asp:RequiredFieldValidator Display ="Dynamic" ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtLocation"
ErrorMessage="Enter Location" ForeColor="Red" EnableClientScript="false" ValidationGroup="Popup" />
</div>
<div class="form-group">
<asp:TextBox ID="txtAddress" runat="server" placeholder="Address" CssClass="form-control" ></asp:TextBox>
<asp:RequiredFieldValidator Display ="Dynamic" ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtAddress"
ErrorMessage="Enter Address" ForeColor="Red" EnableClientScript="false" ValidationGroup="Popup" />
</div>
<div class="form-group">
<asp:TextBox ID="txtNoLicense" runat="server" placeholder="No. Of Licenses" CssClass="form-control" ></asp:TextBox>
<asp:RequiredFieldValidator Display ="Dynamic" ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtNoLicense"
ErrorMessage="Enter No License" ForeColor="Red" EnableClientScript="false" ValidationGroup="Popup" />
</div>
<div class="form-group">
<div class="checkbox">
<label>
<asp:CheckBox ID="chkActivate" runat="server" Text ="Activate" />
</label>
</div>
</div>
</div>
<div class="modal-footer">
<asp:Button ID="btnClose" runat="server" Text="Close" cssclass="btn btn-default" />
<asp:Button ID="btnSave" runat="server" Text="Save" cssclass="btn btn-primary" ValidationGroup="Popup" OnClick="btnSave_Click" />
</div>
</div>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSave" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</div>
</div>
</div>