Javascript 如何在页面上从代码隐藏显示带验证器的引导模式

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

另外，我之所以使用服务器端控件，是因为我需要用数据库中的数据填充模式，并且按钮设置为“不导致验证”

代码如下所示：

        <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