首页 > 解决方案 > 引导模式内的表单提交将我重定向到查看页面

问题描述

我有一个 MVC 项目。主页/索引视图在引导模式中加载用户/创建视图。但是我<input type="submit" />将应用程序重定向到用户/创建视图的页面。我希望应用程序在打开模式的情况下让我保持在Home/Index上。我怎样才能做到这一点?

这是我在Home/Index中加载的Users/Create

@model Project.Models.User

@{
    Layout = null;
    ViewBag.Title = "Create";
}


@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()

<div class="modal-dialog modal-dialog-centered modal-md">
    <div class="modal-content">

        <div class="modal-header">
            <h4 class="modal-title">CREATE USER</h4>
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        </div>
        <div class="modal-body">

            <div class="row">
                <div class="col col-12">Seu nome: @Html.TextBoxFor(model => model.Name, new { @class = "txtB" })</div>
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>

            <div class="row">
                <div class="col col-12">E-mail: @Html.TextBoxFor(model => model.Email, new { @class = "txtB" })</div>
                @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
            </div>

            <div class="row">
                <div class="col col-12">Password: @Html.PasswordFor(model => model.Passwd, new { @class = "txtB" })</div>
                @Html.ValidationMessageFor(model => model.Passwd, "", new { @class = "text-danger" })
            </div>

            <div class="row">
                <div class="col col-12">Confirm password: <input type="password" name="name" value="" class="txtB" /></div>
            </div>

            <div class="row">
                <div class="col col-12"><input type="submit" name="Create" value="Create" class="btn btn-primary" /></div>
            </div>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>

    </div>
</div>
}

这就是我在Home/Index上打开模式的方式:

<div class="modal fade" id="modal"></div>
<script>
    $(function () {
        $(".add-user").click(function () {
            $("#modal").load("../Users/Create", function () {
                $("#modal").modal();
            })
        });
    })
</script>

标签: asp.net-mvcmodal-dialog

解决方案


推荐阅读