asp.net-mvc - 无法在 MVC 4 剃须刀中触发按钮点击？

Question

我是 MVC 的新手，我想创建一个登录控件，并且我已经编写了以下代码：

 @using (Html.BeginForm("LoginControl", "Login"))
{
    <div style="float: left; line-height: 36px;">
        @Html.ValidationSummary()
        <div style="float: left; margin-right: 20px;">
            UserName :
        </div>
        <div style="float: right;">@Html.TextBoxFor(o => o.login.UserName)
        </div>
        <br />
        <div style="float: left; margin-right: 20px;">
            Password &nbsp;&nbsp;:
        </div>
        <div style="float: right;">@Html.TextBoxFor(o => o.login.UserPassword)</div>
        <br />
        <div style="float: left; margin-right: 20px;">
            &nbsp;
        </div>
        <input type="button" value="Login" id="Login" title="Login" />
    </div>
}

在控制器中我的代码是：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MvcApplication2.Controllers
{
public class LoginController : Controller
{
    //
    // GET: /Default1/

    public ActionResult Index()
    {
        return View();
    }

    public ActionResult LoginControl(String UserName, String UserPassword)
    {
        string result = "";
        if (UserName == "ram" && UserPassword == "ram123")
        {
            result = "1";
        }
        if (result == "1")
        {
            return View("LoginControl");
        }
        else
        {
            ModelState.AddModelError("", "Invalid username or password");
            return View("Index");
        }
    }
}

}

我无法理解它为什么起作用，请帮助我。

Answer 1

好的首先更改要提交的按钮的输入类型：

<input type="button" value="Login" id="Login" title="Login" />

现在更改查看代码如下：

 @using (Html.BeginForm("LoginControl", "Login"))
{
    <div style="float: left; line-height: 36px;">
        @Html.ValidationSummary()
        <div style="float: left; margin-right: 20px;">
            UserName :
        </div>
        <div style="float: right;">@Html.TextBox("UserName")
        </div>
        <br />
        <div style="float: left; margin-right: 20px;">
            Password &nbsp;&nbsp;:
        </div>
        <div style="float: right;">@Html.TextBox("UserPassword")
        </div>
        <br />
        <div style="float: left; margin-right: 20px;">
            &nbsp;
        </div>
        <input type="submit" value="Login" id="Login" title="Login" />
    </div>
}

希望这会帮助你。