HTML Partial 未调用 BeginForm

Question

我需要制作一个 table，里面有密码重置模式，我有一个 div，里面有 html 部分用于重置密码视图。在部分内部，它有一个从未被调用的 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

您有嵌套表单！一张在您的 index.cshtml 中，一张在您的局部视图中。 Nested forms are not valid!

我还看到您有一些 javascript/angular 外部表单提交方法

删除外部形式，一切都会正常工作（假设您没有任何 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 方法调用中使用正确的操作方法名称。

HTML Partial 未调用 BeginForm

BeginForm isn't getting called from HTML Partial

c#

asp.net-mvc

controller

html.beginform

asp.net-mvc-partialview