MVC 表单未发布,调用 GET

Posted

技术标签:

【中文标题】MVC 表单未发布,调用 GET【英文标题】:MVC Form not posting, calling GET 【发布时间】:2015-06-04 06:01:55 【问题描述】:

我无法让我的表单调用控制器上的 POST 操作。

我的页面代码

@model My.Models.ManageUserViewModel

@using (html.BeginForm("Manage", "Account", FormMethod.Post, new  @id = "manageAccountFormHolder", @class = "form-horizontal col-sm-8 col-sm-offset-2 v-offset-4" ))
    
        @Html.AntiForgeryToken()
        <h4 class="text-center">Change Password</h4>

        <div class="form-group">
            @Html.LabelFor(m => m.OldPassword, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.PasswordFor(m => m.OldPassword, new  @class = "form-control" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.NewPassword, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.PasswordFor(m => m.NewPassword, new  @class = "form-control" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.ConfirmPassword, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.PasswordFor(m => m.ConfirmPassword, new  @class = "form-control" )
            </div>
        </div>

        <h4 class="text-center v-offset-4">Edit Personal Details</h4>

        <div class="form-group">
            @Html.LabelFor(m => m.FirstName, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-4">
                @Html.TextBoxFor(m => m.FirstName, new  @class = "form-control", @placeholder = "First name" )
            </div>
            <div class="col-sm-5">
                @Html.TextBoxFor(m => m.LastName, new  @class = "form-control", @placeholder = "Last name" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.Mobile, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                <input class="form-control" id="manageMobile" name="manageMobile" type="tel">
                @Html.TextBoxFor(m => m.Mobile, new  @class = "form-control", @placeholder = "First name" )
                <p class="help-block">For authorisation code. We will never share or display your mobile number.</p>
            </div>
        </div>

        <h4 class="text-center v-offset-4">Edit Address</h4>

        <div class="form-group">
            @Html.LabelFor(m => m.Address1, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-2">
                @Html.TextBoxFor(m => m.Address1, new  @class = "form-control")
            </div>
            <div class="col-sm-7">
                @Html.TextBoxFor(m => m.Address2, new  @class = "form-control" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.TownSuburb, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.TownSuburb, new  @class = "form-control" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.StateRegion, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.StateRegion, new  @class = "form-control" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.PostCode, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.PostCode, new  @class = "form-control" )
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => m.Country, new  @class = "col-sm-3 control-label" )
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.Country, new  @class = "form-control" )
                @Html.HiddenFor(m => m.CountryIso, new  @class = "form-control" )
            </div>
        </div>

        <div class="text-center">
            <button class="btn btn-default" type="submit">Save Changes</button>
        </div>
    

我的模特

public class ManageUserViewModel

    [Required]
    [DataType(DataType.Password)]
    [Display(Name = "Current password")]
    public string OldPassword  get; set; 

    [StringLength(100, ErrorMessage = "The 0 must be at least 2 characters long.", MinimumLength = 6)]
    [DataType(DataType.Password)]
    [Display(Name = "New password")]
    public string NewPassword  get; set; 

    [DataType(DataType.Password)]
    [Display(Name = "Confirm New Password")]
    [Compare("NewPassword", ErrorMessage = "The new password and confirmation password do not match.")]
    public string ConfirmPassword  get; set; 

    [Required]
    [Display(Name = "Full Name")]
    public string FirstName  get; set; 

    [Required]
    public string LastName  get; set; 

    [Required]
    [Display(Name = "Mobile Number")]
    public string Mobile  get; set; 

    [Display(Name = "Street Address")]
    public string Address1  get; set; 

    public string Address2  get; set; 

    [Display(Name = "City")]
    public string TownSuburb  get; set; 

    [Display(Name = "State")]
    public string StateRegion  get; set; 

    [Display(Name = "Postcode")]
    public string PostCode  get; set; 

    [Display(Name = "Country")]
    public string Country  get; set; 

    public string CountryIso  get; set; 

我的控制器操作

[HttpGet]
public ActionResult Manage(ManageMessageId? message)

    return View();


[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Manage(ManageUserViewModel model)

    //Save changes code here
    //Redirect

它也不会验证。如果我将其中一个必填字段留空,则不会显示验证错误。

在 Fiddler 中,我看到表单正在发布到服务器,但仍然调用 GET 方法?请参阅下面的 Fiddler raw,这仍然调用 GET 方法(我将模型更新为仅一个属性以使其更简单)。

POST https://localhost:44301/Account/Manage HTTP/1.1
Host: localhost:44301
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:33.0) Gecko/20100101 Firefox/33.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Referer: https://localhost:44301/account/manage
Cookie: __RequestVerificationToken=xxxx..........
Connection: keep-alive
Content-Type: application/x-www-form-urlencoded
Content-Length: 20

OldPassword=dfgdfgdg

【问题讨论】:

ManageMes​​sageId的结构是什么? 它是一个枚举............ public enum ManageMes​​sageId ChangePasswordSuccess, SetPasswordSuccess, RemoveLoginSuccess, Error @garethb - 你的代码工作得很好,没有任何变化。您应该在浏览器控制台中查找错误。 @SBirthare - 查看更新,Fiddler 显示带有数据的表单发布。但是我的 GET 操作不是 POST(两个操作中的断点)。会不会是 HTTPS 不允许发帖? 你试过改变输入类型="submit" - ***.com/a/3543695/38024 【参考方案1】:

已经解决了!如果有人能告诉我为什么,因为我有 NFI.......

改变这一行

@using (Html.BeginForm("Manage", "Account", FormMethod.Post, new  @id = "manageAccountFormHolder", @class = "form-horizontal col-sm-8 col-sm-offset-2 v-offset-4" ))

@using (Html.BeginForm())

我又发帖了。是的,编码天才,4 小时发布表格!有人想雇我工作吗?

编辑:

所以在进一步挖掘之后,问题在于我们实现了小写路线。由于路由正在从 /Account/Manage 重写为 /account/manage,因此永远找不到 post 操作(尽管发现 get 操作很好)。 Html.BeginForm() 以小写形式呈现动作,而 Html.BeginForm("Manage", "Account", FormMethod.Post, new) 不是因为我为动作和控制器指定了驼峰式大小写。

【讨论】:

奇怪...我能理解你的沮丧,我们有时不得不在编程中看到这样的日子。可能其他人会通过一些线索了解真正的问题是什么? 在您最初的问题中,POST 不起作用的迹象是什么。 IE。你收到空白页了吗? ActionResult Manage(ManageUserViewModel model) 中是否有未命中的断点? @ShaunLuttin - 我在 post 和 get 操作中都有一个断点。只有get被击中。 Fiddler 告诉我表单是从浏览器发布的。 当你明确地给出动作名称和控制器名称时,然后形成帖子到那个特定的控制器和动作。当您省略操作名称和控制器名称时,然后将帖子发送到 URL。这是我在这里看到的唯一区别。我猜您的控制器名称可能造成了问题。 纠正小写问题。有关如何仅将 GET url 转换为小写的解决方案,请参阅此处的答案,这解决了该问题:***.com/questions/878578/…【参考方案2】:

将您的按钮更改为输入

<input class="btn btn-default" type="submit" value="Save Changes" />

【讨论】:

好的,您可以删除 Get 方法以检查您在发布表单时遇到的错误吗? 我把 GET 放回去并将 POST 上的操作名称更改为 ManageSave(在控制器和表单操作中)并且还找不到资源? 只删除Get,不重命名。 是的,先试过了。那就是我得到资源的地方找不到错误。因此它识别出该操作仅是发布的。之后尝试更改名称。 我复制了你的代码,它工作得很好。【参考方案3】:

您使用的两种不同的BeginForm 方法是:

BeginForm(HtmlHelper, String, String, FormMethod, IDictionary),也就是说……

@using (Html.BeginForm("Manage", "Account", FormMethod.Post, new ))

    // Produces the following form element
    // <form action="/Account/Manage" action="post">

BeginForm(HtmlHelper)

假设您的 /Original Controller/ 被命名为 AccountController 并且您的 /Original Action/ 被命名为 Manage,那么...

@using (Html.BeginForm())

    // Produces the following form element
    // <form action="/Account/Manage" action="post">

所以,它应该工作,真的。我创建Here is a Fiddle 是为了找出差异。

【讨论】:

我会认为表单操作在你的小提琴中会相反?第二种形式的动作有我认为第一种应该的索引动作。我的表单现在使用 BeginForm(HtmlHelper) 发布,但是只要我使用 BeginForm(HtmlHelper, String, String, FormMethod, IDictionary) 而不更改任何其他内容,就会调用 get。有时间我可能会更深入地研究这个问题!

以上是关于MVC 表单未发布,调用 GET的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET MVC5 Bootstrap 3 模态表单未验证客户端并回发到页面

MVC .NET 表单提交未命中控制器操作

当表单处于空闲状态时,ASP.NET MVC 操作参数未绑定

如何从 HTML (PHP) 表单中调用我的 (tiny) mvc 方法?

如何使用 Jquery AJAX 调用 MVC Action 然后在 MVC 中提交表单?

ASP.NET MVC 搜索+保存搜索结果.2个按钮共用一个表单