Asp.net mvc 提交按钮在@section mvc内不起作用_Asp.net Mvc_Layout_Razor_Submit_Html.beginform

Asp.net mvc 提交按钮在@section mvc内不起作用

asp.net-mvc layout razor

Asp.net mvc 提交按钮在@section mvc内不起作用,asp.net-mvc,layout,razor,submit,html.beginform,Asp.net Mvc,Layout,Razor,Submit,Html.beginform,我遇到了这个问题，我找不到解决办法。我在@section中放了一个submit按钮，这样我就可以把它放在布局页面的div中。但问题是，提交按钮在分区内不起作用这是视图，提交按钮中的部分几乎位于页面底部 @{ var vd = new MvcVerkoop.Models.VerkoopsData(); var data = vd.KoperData; } @using (Html.BeginForm()){ @Html.ValidationSummary(true) <fieldse

我遇到了这个问题，我找不到解决办法。我在@section中放了一个submit按钮，这样我就可以把它放在布局页面的div中。但问题是，提交按钮在分区内不起作用

这是视图，提交按钮中的部分几乎位于页面底部

@{
var vd = new MvcVerkoop.Models.VerkoopsData();
var data = vd.KoperData; }

@using (Html.BeginForm()){
@Html.ValidationSummary(true)

<fieldset>
    <legend>Kies de nodige velden</legend>


    <table class="velden">

        @foreach (string var in data)
        {

            <tr>
                <td>
                    @Html.CheckBox(var)
                    <label for="Naam">@var</label>
                </td>
                <td>
                    @Html.CheckBox("Verplicht" + @var)
                    <label for="Verlpicht">Verplicht veld</label>
                </td>
            </tr>

        }


        <tr>
            <td>
                <div id="input1" class="clonedInput">

                    @Html.TextBox("extra1")
                </div>

            </td>

            <td>
                <div id="inputCheck1" class="clonedInputCheck">
                    @Html.CheckBox("checkVerplicht1")

                    <label for="checkVerplicht1" id="labelVerplicht1">Verplicht veld</label>
                </div>

            </td>
        </tr>

    </table>

    <div>
        <input type="button" id="btnAdd" value="+" />
        <input type="button" id="btnDel" value="-" />
    </div>

    @section Bottom{

        <input id="btnSubmit" type="submit" value="Doorgaan" />
    }

</fieldset>}

当“提交”按钮位于该部分之外时，该部分工作正常

编辑：布局代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
        <div class="top-menu">

        </div>
</header>
<div id="body">
    <div class="centre-box">
        <div class="centre-banner">
        </div>

        @RenderSection("featured", required: false)
    <section class="content-wrapper main-content clear-fix">
            @RenderBody()
        </section>
        <div class="centre-footer">
            @RenderSection("Bottom", false)
        </div>
    </div>

</div>
<footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>© @DateTime.Now.Year Code Express</p>
            </div>
        </div>
    </footer>
</body>
</html>

有人能帮我吗？

谢谢

我只能假设，当按钮位于部分内部时，它在表单外部呈现

我想你想把这个按钮放在分区内，这样你就可以在多个表单中共享这个按钮了？如果是这样，您必须使用JavaScript在按钮的单击事件上钩住提交，因为按钮不再是表单的一部分

然后，当有人点击enter提交表单时，您还必须连接一个事件

我只需要为您要提交的每个表单创建一个独特的按钮。少了很多麻烦。

我知道这是一个老帖子，但我也遇到了同样的问题，我想我应该发布解决方案，这样人们就不必在其他帖子中寻找问题的答案

在begin表单中，设置id

@using (Html.BeginForm(htmlAttributes:new { id = "mainForm" }))

然后在submit按钮上将form属性设置为id的值

<input id="btnSubmit" type="submit" value="Doorgaan" form="mainForm" />

这为我解决了问题。

您是否在布局文件中调用RenderSectionBottom？是的，我会把布局代码放在帖子里。这是局部视图吗？不只是普通视图。你知道如何解决这个问题吗？我正在使用一个分区，这样我可以在div中的每个视图中放置不同的按钮。也许还有其他方法。我根据你的建议找到了解决方案，谢谢！