Question

我正在asp.net mvc中创建一个Web应用

我有一个局部视图来重置密码，该密码在引导程序模式中打开，

现在HttpPost上有一个if条件，看起来像下面的

if (string.IsNullOrEmpty(model.NewPassword))
{
    TempData["PMessage"] = CustomHelper.Translate("Please Enter new Password");
    return PartialView(model);
}

但是我的主要网址正变成如下所示的部分视图

http://localhost:8080/User/ResetPassword

这里ResetPassword是我的局部视图名称

我的partialView如下所示

@(Html.BeginForm("ResetPassword", "User", FormMethod.Post))
{
<div class="modal-dialog modal-sm">
    <!-- Modal data-->
</div>
}

我的完整帖子方法

[HttpPost]

public ActionResult ResetPassword(ResetPasswordModel model)
{
    if (string.IsNullOrEmpty(model.NewPassword))
    {
        TempData["PMessage"] = "Please Enter new Password";
        return PartialView(model);
    }
    //if success
    return RedirectToAction("Index");
}

如何防止这种情况，我只想加载模式页面而不是整个页面，

这里可以解决什么问题？

还是我应该去客户端验证？

详细的页面流

这是我页面的外观

如果用户单击重置密码，则会出现以下引导程序模式

如果用户单击“确定”，则不输入任何数据，调用post方法，并将页面重定向到resetpassword.cshtml，就像我在下面返回时一样

return PartialView(model);

如果我只想刷新控制器上的验证模式/局部视图，该怎么办

Answer 1

您正在发出普通的HTTP请求，该请求用于处理常规的浏览器调用（例如表单提交），并将完整的HTML页面返回给客户端。

在这种情况下，您必须发出ajax请求以处理ResetPassword post方法，以避免重定向。

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

此网址返回您的重置表单并将其加载到modalcontent

<a href="@Url.Action("Reset", "Account", new { class = "resetpassword" })" ></a>


$(function () {
            $(document).on("click", "a.resetpassword", function (e) {
                $('#myModalContent').load(this.href, function () {
                    $('#myModal').modal({
                        /*backdrop: 'static',*/
                        keyboard: true
                    }, 'show');
                    bindForm(this);
                });
                return false;
            });
        });

        function bindForm(dialog) {
            $('form', dialog).submit(function (e) {
                e.preventDefault();
                if ($('#resetFormId').valid()) {
                    $.ajax({
                        url: this.action,
                        type: this.method,
                        data: $(this).serialize(),
                        success: function (result) {
                            if (result.success) {
                                $('#myModal').modal('hide');
                            } else {
                                $('#myModalContent').html(result);
                                bindForm(dialog);
                            }
                        }
                    });
                }
                return false;
            });
        }

在httppost asp.net mvc之后返回partialview

1 个答案: