我遇到了这个问题,我找不到解决方案。我在@section中放置了一个提交按钮,以便可以在布局页面的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>
有人可以帮我吗?谢谢!
@using (Html.BeginForm(htmlAttributes:new { id = "mainForm" }))
然后在提交按钮上将form属性设置为id的值
<input id="btnSubmit" type="submit" value="Doorgaan" form="mainForm" />
这为我解决了。