BeginFormがHTML部分から呼び出されていない

Question

パスワードリセットモーダルでテーブルを作成する必要があり、その中にパスワードのリセットビューのHTML部分があるdivがあります。部分の中には、これまで呼ばれていないbeginformがあります。また、コントローラの管理メソッドも決して呼び出されません。どんな考え？

私はHTML部分の外にもフォームを持っているという事実のためかもしれませんか？

_ChangePasswordPartial.cshtml

@using Microsoft.AspNet.Identity 
@model Spectrum.Models.ManageUserViewModel 

@*<p>You're logged in as <strong>@User.Identity.GetUserName()</strong>.</p>*@ 

@using (Html.BeginForm("Manage", "User", FormMethod.Post, new { @class = "form-horizontal", role = "form" })) 
{ 
    @Html.AntiForgeryToken() 
    <h4>Change Password Form</h4> 
    <hr /> 
    @Html.ValidationSummary() 
    <div class="form-group"> 
     @Html.LabelFor(m => m.OldPassword, new { @class = "col-md-2 control-label" }) 
     <div class="col-md-10"> 
      @Html.PasswordFor(m => m.OldPassword, new { @class = "form-control" }) 
     </div> 
    </div> 
    <div class="form-group"> 
     @Html.LabelFor(m => m.NewPassword, new { @class = "col-md-2 control-label" }) 
     <div class="col-md-10"> 
      @Html.PasswordFor(m => m.NewPassword, new { @class = "form-control" }) 
     </div> 
    </div> 
    <div class="form-group"> 
     @Html.LabelFor(m => m.ConfirmPassword, new { @class = "col-md-2 control-label" }) 
     <div class="col-md-10"> 
      @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control" }) 
     </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-md-offset-2 col-md-10"> 
      <input type="submit" value="Change password" class="btn btn-primary" /> 
     </div> 
    </div> 
} 

Index.htmlと

<div class="modal fade" id="modalResetPassword" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" style=" max-height:50%; margin-top: 50px; margin-bottom:50px;"> 
     <div class="modal-content" style="max-height:50%"> 
      <form name="ResetPassword" role="form" data-ng-submit="formUser.$valid && vm.saveActiveUser()"> 
       <div class="modal-header btn-info"> 
        <button type="button" class="close" data-close-modal data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title whitetext">Manage User {{vm.activeUser.UserName}}</h4> 

        <div class="modal-body" style="padding-left: 7px; padding-top: 0px; height: 550px;"> 
         @Html.Partial("~/Areas/Administration/Views/Shared/_ChangePasswordPartial.cshtml") 
        </div> 
       </div> 
      </form> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

Answer 1

あなたはネストされたフォームを持っています！ 1つはindex.cshtmlに、もう1つは部分的に表示されます。 Nested forms are not valid！

も、私は（あなたが提出したイベントを傍受し、デフォルトを妨げている任意のJavaScriptコードを持っていないと仮定すると、あなたの外側のフォームが

outerformを削除し、すべてが正常に動作しますを提出するための角度の方法いくつかのJavaScriptを/持って見ますフォームは、行動を提出。

<div class="modal fade" id="modalResetPassword" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" style=" max-height:50%; margin-top: 50px; margin-bottom:50px;"> 
     <div class="modal-content" style="max-height:50%">   
       <div class="modal-header btn-info"> 
        <button type="button" class="close" data-close-modal data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title whitetext">Manage User {{vm.activeUser.UserName}}</h4> 

        <div class="modal-body" style="padding-left: 7px; padding-top: 0px; height: 550px;"> 
         @Html.Partial("~/Areas/Administration/Views/Shared/_ChangePasswordPartial.cshtml") 
        </div> 
       </div>    
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

また、あなたの部分図のHtml.BeginFormメソッド呼び出しで正しいアクションメソッド名を使用してください。