禁用模态窗体上的自动关闭

时间:2015-04-02 12:23:17

标签: jquery html css asp.net twitter-bootstrap

我正在使用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>

1 个答案:

答案 0 :(得分:0)

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