asp Login in Bootstrap modal

Question

Ich bin ein Anfänger auf asp.net. Ich arbeite gerade an einem Schulprojekt und ich benutze Bootstrap-Modale zum Anmelden und Registrieren. Ich benutze den Login und create user wizard und sie funktionieren gut, wenn ich sie in einem normalen Webformular benutze, aber in dem Moment, wenn ich sie dynamisch in mein modal einfügen und drücke die Taste Ich erhalte einen Fehler ( Die Ressource kann nicht gefunden werden.

Beschreibung: HTTP 404. Die Ressource, nach der Sie suchen (oder eine ihrer Abhängigkeiten), könnte entfernt worden sein, der Name wurde geändert oder ist vorübergehend nicht verfügbar. Überprüfen Sie die folgende URL und vergewissern Sie sich, dass sie richtig geschrieben ist. )

<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> 

Dies ist das Skript ich verwende die modal zu zeigen und klar, dass es auch nach dem Gebrauch, da ich es auch für das Register

verwenden

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

</script> 

Ich benutze diese Schaltfläche <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> im Hauptfenster des modalen zu zeigen. Irgendwelche Ideen, wo das Problem ist und wie kann ich es lösen? Vielen Dank

Answer 1

Fehler 404 schlägt vor, dass Sie das Formular in eine falsche URL übermitteln. Ich schaute auf die Ziel-URL und es ist "~/login/home.apsx", die nicht normal aussieht.

Ihre Login-URL prüfen und wahrscheinlich sollte es gewesen ~/Konto/login.aspx“haben. Im Verzeichnis Projekt suchen und den relativen Pfad für sie finden.