提交表单到特定的url

本文关键字:url 表单 提交 | 更新日期: 2023-09-27 18:03:08

现在我有了这个表单:

  @using (Html.BeginForm("Search", "Home", FormMethod.Get, new { enctype = "multipart/form-data", @class = "navbar-form navbar-left form-inline", @role = "search" }))
            {
                var numberOfVideos = SessionHelper.NumberOfVideos;
                <div class="icon-addon addon-md">
                    <input type="text" placeholder="Search (@numberOfVideos videos)" class="form-control" name="searchString" id="searchString">
                    <label for="searchString" class="glyphicon glyphicon-search" rel="tooltip" title="search"></label>
                </div>
            }
        </div>

提交后,它会转到/Home/Search?searchString = {searchStringValue}

我希望它去/search/{searchStringValue}(我有一个很好的路由属性那里)

提交表单到特定的url

如果您选择使用JavaScript而不是稍微正确和可维护的后端修复,

form.onsubmit = function(e) {
    e.preventDefault();
    window.location.href = '/search/' + encodeURIComponent(form.elements[controlName].value);
}
使用JavaScript的主要好处是代码很短。