提交按钮未按预期工作

本文关键字：工作 按钮 提交 | 更新日期: 2023-09-27 18:27:19

我在注册页面上有一个带有提交按钮的表单，按下后将无法工作，我已经使用了一段时间了吗？我在create方法上加了一个断点，它没有被称为

这是控制器中的Creat Metod

   public ActionResult Create()
    {
        return View();
    }
    //
    // POST: /RegsterDetails/Create
    [HttpPost]
    public ActionResult Create(User user )
    {
        if(ModelState.IsValid)
        try
        {
            db.Users.Add(user);
            db.SaveChanges();
            return RedirectToAction("RegisterStats", "RegisterStats");
        }
        catch(Exception)
        {
            return View();
        }
        return View(user);

这是View

    @model Fitness_Friend.Web.Models.User
@{
    ViewBag.Title = "RegisterDetails";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>RegisterDetails</h2>
@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>User</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.FirstName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FirstName)
            @Html.ValidationMessageFor(model => model.FirstName)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.LastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LastName)
            @Html.ValidationMessageFor(model => model.LastName)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.DOB)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.DOB)
            @Html.ValidationMessageFor(model => model.DOB)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Address)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Address)
            @Html.ValidationMessageFor(model => model.Address)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Email)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Email)
            @Html.ValidationMessageFor(model => model.Email)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Gender)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Gender)
            @Html.ValidationMessageFor(model => model.Gender)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.UserName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.UserName)
            @Html.ValidationMessageFor(model => model.UserName)
        </div>
        <p>
            <input type="Submit" name="Create" value="Register Details" />
        </p>
    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "Index","Home")
</div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

提交按钮未按预期工作

由于某些原因，您的表单没有正确连接到您的操作。为了消除正在发生的事情的一些可能性，我建议您实际指定表单将用于发布的操作和控制器。

@Html.BeginForm("CreateUser", "ControllerWithCreateUserMethod")
{
    //insert your HTML here.
    //submit button here
    <input type="submit" value="Submit"/>
}

在HTML表单中，您需要一个提交按钮来发布数据，比如这个

<input type="submit" value="Submit"/>

或

<button type="submit">Submit</button>

如果你不喜欢这些，你可以选择这样的

<a onclick="$('#formId').submit();">Submit</a>

当然，你可以选择在表单标签中指定数据将被张贴在的位置

@Html.BeginForm("Action", "Controller")
{
   ...
}

我复制了如下代码：

控制器+型号（糟糕的设计不要这样做）：

public class HomeController : Controller
{
    public ActionResult Create()
    {
        return View();
    }
    [HttpPost]
    public ActionResult Create(MyUser user)
    {
        // break point next line works
        if (ModelState.IsValid)
            try
            {
                //db.Users.Add(user);
                //db.SaveChanges();
                return RedirectToAction("RegisterStats", "RegisterStats");
            }
            catch (Exception)
            {
                return View();
            }
        return View(user);
    }
    public class MyUser
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
    }
}

有了这个观点：

@model MvcApplication3.Controllers.HomeController.MyUser
@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>User</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.FirstName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FirstName)
            @Html.ValidationMessageFor(model => model.FirstName)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.LastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LastName)
            @Html.ValidationMessageFor(model => model.LastName)
        </div>
        <p>
            <input type="Submit" name="Create" value="Register Details" />
        </p>
    </fieldset>
}

而且它毫无问题地工作。

我已经很晚了，但我想我知道为什么这个控制器方法没有被调用。

如果窗体将Model的数据传回控制器，则Model类需要有一个不带参数的构造函数。我敢打赌，在上面的例子中类User没有这样的构造函数。

相关文章：