asp登录bootstrap模式

时间:2017-02-26 21:08:53

标签: asp.net login bootstrap-modal

我是asp.net的初学者。我目前正在研究一个学校项目,我正在使用bootstrap模式进行登录和注册。我正在使用登录和创建用户向导,如果我在普通的webform中使用它们,它们工作正常,但是当我在我的模态中动态插入它们并按下按钮时我得到一个错误( 无法找到资源。

描述:HTTP 404.您正在查找的资源(或其中一个依赖项)可能已被删除,名称已更改或暂时不可用。请查看以下网址,确保拼写正确。 )

<form id="formLogin" runat="server">

    <%-- Modal --%>

    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <asp:Label ID="lblModalTitle" runat="server" CssClass="modal-title">Log in</asp:Label>
        </div>

        <div class="modal-body">

            <asp:Login ID="Login2" runat="server" CssClass="User" DestinationPageUrl="~/Login/Home.aspx">
                <LayoutTemplate>
                    <div id="loginform" class="form-horizontal" role="form">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                            <asp:TextBox runat="server" ID="UserName" CssClass="form-control" placeholder="User Name"></asp:TextBox>
                        </div>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="UserName" Display="Dynamic" ValidationGroup="Login" ErrorMessage="Please enter an User Name" CssClass="error">Please enter an User Name</asp:RequiredFieldValidator>

                        <div class="input-group">
                            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                            <asp:TextBox runat="server" ID="Password" CssClass="form-control" placeholder="Password"
                                TextMode="Password"></asp:TextBox>
                        </div>
                        <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="Password" Display="Dynamic" ValidationGroup="Login" ErrorMessage="Please enter a password" CssClass="error">Please enter a password</asp:RequiredFieldValidator>

                        <div class="checkbox">
                            <label>
                                <asp:CheckBox ID="RememberMe" runat="server" Text="Remember me" />
                            </label>
                        </div>
                        <div class="form-group">
                            <div>
                                Don't have an account!
                            <%--Pressing the link will take us to the desired modal by using a javascript function --%>
                                <a href="javascript:$('#myModal .modal-content').load('Modals/modalDefaultRegister.aspx',function(e){$('#myModal').modal('show');});">Register here</a>
                            </div>

                        </div>
                        <button type="button" id="btnClose" class="btn btn-default" data-dismiss="modal">Close</button>
                        <asp:Button ID="LoginButton" runat="server" CommandName="Login" class="btn btn-primary" ValidationGroup="Login" Text="Log in" UseSubmitBehavior="false"  />
                    </div>
                </LayoutTemplate>

            </asp:Login>

        </div>
        <div class="modal-footer">
        </div>
    </div>

</form>

这是我用来显示模态的脚本,并且在使用后也清除它,因为我也将它用于寄存器

 <script>
    $(document).on("hidden.bs.modal", ".modal:not(.local-modal)", function (e) {
        $(e.target).removeData("bs.modal").find(".modal-content").empty();
    });

</script>

我用这个按钮 <asp:LinkButton ID="btnRegister" runat="server" CssClass="btn btn-clear btn-sm btn-min-block" data-target="#myModal" data-toggle="modal" href="/Modals/modalDefaultRegister.aspx"> Register </asp:LinkButton> 在主窗口中显示模态。  关于问题所在的任何想法以及如何解决? 谢谢

1 个答案:

答案 0 :(得分:0)

错误404表示您将表单提交到错误的网址。我查看了目标网址,它是&#34;〜/ login / home.apsx&#34;这看起来并不正常。

检查您的登录网址,最有可能的是,它应该是〜/ account / login.aspx&#34;。查看目录项目并找到它的相对路径。