表單不在ASP.NET MVC中提交值

Question

我正在使用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>&copy; @DateTime.Now.Year - My TimeClock Application</p>
    </footer>
</div>

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>

Answer 1

此行正在取消默認事件操作。 取出以允許表單提交。

event.preventDefault();

這將允許表單提交。 盡管該函數中的其他兩行將不再具有任何作用，因為它們正在修改文檔的狀態，但是一旦提交表單，瀏覽器就會離開文檔。

Answer 2

<button type="button" class="btn btn-primary">Search Rando</button>

應該更改為

<button type="submit" class="btn btn-primary">Search Rando</button>

通過更改submit type

表單不在ASP.NET MVC中提交值

問題描述

2 個解決方案

解決方案1
1 2015-02-09 02:57:27

解決方案2
0 2015-02-09 03:00:58

表單不在ASP.NET MVC中提交值

問題描述

2 個解決方案

解決方案1 1 2015-02-09 02:57:27

解決方案2 0 2015-02-09 03:00:58

解決方案1
1 2015-02-09 02:57:27

解決方案2
0 2015-02-09 03:00:58