javascript - 验证模式弹出 asp.net 上的记录

Question

我正在开发一个项目，其中有下拉列表并添加按钮以在模式中打开模式我有一个文本框和一个用于在表中添加记录的按钮，值正在插入数据库中，在插入模式弹出窗口关闭后，现在我想要如果记录已经在数据库中，则验证重复记录，如果不存在则显示已插入，然后插入记录并关闭弹出模式。现在发生的事情是，当我单击提交时，它验证但它关闭了模式弹出窗口，当我再次打开弹出窗口时，错误可见在那里我正在共享屏幕截图和代码，如果有人对此有想法，请指导我图像我单击添加按钮，然后像第二张图像一样弹出模式

现在，如果记录已存在于 DB 中而不关闭模式弹出窗口，我希望对模式进行验证以检查提交按钮

这是我的代码。

    <div class="form-group ">
    <div class="col-md-12">
     <label>Region</label>
    </div>
    <div class="col-sm-11">
        <asp:DropDownList ID="ddlRegion" runat="server" class="form-control" 
        AutoPostBack="True" OnSelectedIndexChanged="ddlRegion_SelectedIndexChanged"></asp:DropDownList>
                                         </div>

                                        <asp:LinkButton ID="lbaddRegion" runat="server" data-toggle="modal" data-target="#modal-region"> <span class="glyphicon glyphicon-plus" style ="font-size:18px; padding:4px;"></span></asp:LinkButton>

                                        <asp:LinkButton ID="LinkButton2" runat="server" data-toggle="modal" data-target="#modal-region" Visible="False"> <span class="glyphicon glyphicon-trash" style ="font-size:18px"></span></asp:LinkButton>

                                </div>

    <div class="modal fade in" id="modal-region" >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span></button>
            <h4 class="modal-title">Setup Region</h4>
          </div>
          <div class="modal-body">
              <p>Enter Region Name</p><asp:Label ID="lblRegionError" runat="server" Text=" (Region Already exist)" Visible="false"></asp:Label>
               <asp:RequiredFieldValidator ID="NameRequired" runat="server" ControlToValidate="txtRegion" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
              <asp:TextBox ID="txtRegion" runat="server" CssClass="form-control"></asp:TextBox>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
              <asp:Button ID="btnSubmitRegion" runat="server" Text="Save Changes" class="btn btn-primary" OnClick="btnSubmitRegion_Click"/>

          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

标签： javascriptasp.net