![](/img/trans.png)
[英]ASP.Net MVC Submit Form Doesn't Find Method - Can't Use Vanilla Form?
[英]Form doesn't submit values in ASP.NET MVC
我正在使用ASP.NET MVC5。在这里,当我单击搜索栏时,它将调用Java脚本函数,并且当我向表单提供searchString值并单击“提交”时,它不提交任何内容。 这是为什么?
<script>
$(function () {
$('a[href="#search"]').on('click', function (event) {
event.preventDefault();
$('#search').addClass('open');
$('#search > form > input[type="search"]').focus();
});
$('#search, #search button.close').on('click keyup', function (event) {
if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
$(this).removeClass('open');
}
});
});
</script>
视图:
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@if (Request.IsAuthenticated)
{
@Html.ActionLink("TimeEntry", "Index", "TimeEntry", null, new {@class = "navbar-brand"})
}
else
{
@Html.ActionLink("TimeEntry", "Login", "User", null, new {@class = "navbar-brand"})
}
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>@Html.ActionLink("Clock In/Out(WIP)", "Index", "TimeEntry")</li>
<li>@Html.ActionLink("Time Summary", "BackEnd", "TimeEntry")</li>
<li>@Html.ActionLink("Users", "Index", "User")</li>
<li><a href="#search">Search</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
@if (Request.IsAuthenticated)
{
<li> @Html.ActionLink("Log Out", "Logout", "User")</li>
}
</ul>
</div>
</div>
</div>
<div id="search">
<button type="button" class="close" style="padding-top: 35px">x</button>
@using (Html.BeginForm("Search", "User", FormMethod.Get))
{
@Html.TextBox("searchString","", new {@placeholder = "Search by First Name"})
<button type="button" class="btn btn-primary">Search Rando</button>
}
</div>
<div class="container body-content">
@RenderBody()
<hr/>
<footer>
<p>© @DateTime.Now.Year - My TimeClock Application</p>
</footer>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>
此行正在取消默认事件操作。 取出以允许表单提交。
event.preventDefault();
这将允许表单提交。 尽管该函数中的其他两行将不再具有任何作用,因为它们正在修改文档的状态,但是一旦提交表单,浏览器就会离开文档。
<button type="button" class="btn btn-primary">Search Rando</button>
应该更改为
<button type="submit" class="btn btn-primary">Search Rando</button>
通过更改submit
type
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.