将模型从局部视图传递到控制器

Question

所以我的局部视图看起来像 -

@model Example.Models.ForgotPasswordViewModel

@Html.ValidationSummary("", new { @class = "text-danger" })
<div class="form-group">
    @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
        @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
    </div>
</div>
<div style="font-size: 16px; text-align:center; margin-top:10px;">
    @Html.ActionLink("Email Link", "ForgotPassword", "Account")
</div>

作为 asp.net 的开箱即用 ForgotPassword 视图的一部分，但我将它变成了部分视图。原来的视图被包裹在“Html.BeginForm(..”中，但我显然不能这样做。（它导致表单中的表单）

如何通过传递声明的 @model 来调用 Account 控制器的 ForgotPassword 方法？

由@Html.TextBoxFor(m => m.Email, new { @class= "form-control" }) 生成的HTML：

<input class="form-control" id="Email" name="Email" type="text" value="" />

您的 AccountController.ForgetPassword(..) 的签名：

//
// POST: /Account/ForgotPassword
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public async Task<ActionResult> ForgotPassword(ForgotPasswordViewModel model)
{
    if (ModelState.IsValid)
    {
        var user = await UserManager.FindByNameAsync(model.Email);
        if (user == null || !(await UserManager.IsEmailConfirmedAsync(user.Id)))
        {
            // Don't reveal that the user does not exist or is not confirmed
            return View("ForgotPasswordConfirmation");
        }

        // For more information on how to enable account confirmation and password reset please visit http://go.microsoft.com/fwlink/?LinkID=320771
        // Send an email with this link
        string code = await UserManager.GeneratePasswordResetTokenAsync(user.Id);
        var callbackUrl = Url.Action(
            "ResetPassword", "Account", 
             new { userId = user.Id, code = code }, 
             protocol: Request.Url.Scheme);

        await UserManager.SendEmailAsync(user.Id, "Reset Password", "Please reset your password by clicking <a href=\"" + callbackUrl + "\">here</a>");
        return View("ForgotPasswordConfirmation");
    }

    // If we got this far, something failed, redisplay form
    return RedirectToAction("Index", "Home");
}

正如 Erik 指出的，需要确保字段在局部视图中是唯一标识的。该帖子有两次电子邮件。

Answer 1

@ErikPhilips 如何使用 jQuery 更改表单的目的地？ :)

我会将 Action 链接更改为按钮：

@Html.ValidationSummary("", new { @class = "text-danger" })
<div class="form-group">
    @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
        @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
    </div>
</div>
<div style="font-size: 16px; text-align:center; margin-top:10px;">
    <input type="button" 
            value="Email Link" 
            class="change-form-url"
            data-url="@Url.Action("ForgotPassword", "Account")"/>
</div>

jquery：

$(document).ready(funciton()
{
  $('.change-form-url').on('click', function()
  {
    var url = $(this).data('url');
    var form = $(this).closest('form');
    form.prop('action', url);
    form.submit();
  });
});

这个我没有测试，应该和你想要的很接近。

Answer 2

BeingForm 有一些重载：

@using (Html.BeginForm("ActionName","Controller"))
{
    @Html.TextBox("Name");
    @Html.Password("Password");
    <input type="submit" value="Sign In">
}

将动作名称和控制器名称添加到 beginForm 调用中，您可以覆盖 Post 的默认位置。

我建议您在主表单之外调用局部视图，这样一页上就有两个表单（不是嵌套的）。然后您可以将忘记密码模型指向正确的控制器方法。