jquery - 禁用模态表单的自动关闭

Question

我正在使用 bootstrap 开发一个 ASP.Net 元素，我正在为我的注册系统使用模态表单。问题是当我点击注册时表格会自动关闭。我希望它保持打开状态，以便我可以处理注册服务器端。

这是我的注册框的代码...

<!-- Register Box -->
        <div class="modal" id="register" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">Register</h4>
                    </div>
                    <div class="modal-body">
                        <div runat="server" class="alert alert-dismissible alert-danger" id="RegisterAlert">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <asp:Label Text="" id="AlertLabel" runat="server" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="inputDefault">Nom d'utilisateur</label>
                            <asp:TextBox runat="server" class="form-control" ID="RegisterUserTextBox" />
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="inputDefault">Mot de passe</label>
                            <asp:TextBox runat="server" type="password" class="form-control" ID="RegisterPasswordTextBox" />
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="inputDefault">Confirmez votre mot de passe</label>
                            <asp:TextBox runat="server" type="password" class="form-control" ID="RegisterConfirmPasswordTextBox" />
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="inputDefault">Email</label>
                            <asp:TextBox runat="server" class="form-control" ID="RegisterEmailTextBox" />
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <asp:Button runat="server" Text="Register" class="btn btn-primary" OnClick="Register_Click" />
                    </div>
                </div>
            </div>
        </div>

Answer 1

看起来您正在使用 asp:Button 回发数据。这将导致回发并刷新页面，因为 Onclick 正在调用服务器端代码。如果您想保持模态，请尝试使用 Ajax 从客户端发布数据。