javascript - 如何从后面的代码在页面上显示带有验证器的引导模式

Question

我有一个 ASP webforms 页面，上面有一个服务器端 requiredfieldvalidator，它阻止我从后面的代码打开引导模式。如果我 visible=false 验证器模式弹出。但是如果验证器可见，模式不会弹出？单击链接，模式会以任一方式弹出，但不会在服务器端按钮上弹出。我究竟做错了什么？这可能吗？

PS 我使用服务器端控件的原因是因为我需要使用数据库中的数据填充模式，并且按钮设置为不导致验证。

代码如下：

        <asp:TextBox ID="txt_Test" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator runat="server" ControlToValidate="txt_test"  Text="Error" CssClass="text-danger"></asp:RequiredFieldValidator>
         <br />
        <asp:Button ID="btn_OpenModal" runat="server" Text="Open Modal" CauseValidation="false"  />
         <a href="#mdl_Test" data-toggle="modal">Show Modal</a>





    <div  class="modal" id="mdl_Test">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modal title</h5>
                    <button aria-label="Close" class="close" data-dismiss="modal" type="button">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Modal body text goes here.</p>
                    <asp:Label ID="lbl_Time" runat="server" ></asp:Label>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" type="button">Save changes</button>
                    <button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
                </div>
            </div>
        </div>
    </div>

 Private Sub btn_OpenModal_Click(sender As Object, e As EventArgs) Handles btn_OpenModal.Click
        lbl_Time.Text = Now
        ScriptManager.RegisterClientScriptBlock(Me, Me.GetType, "", "$('#mdl_Test').modal('toggle');", True)
    End Sub

标签： javascriptc#.netvb.netbootstrap-4