ASP.NET Razor 页面提交按钮什么都不做

Question

I have this view:

@page
@model TreesOnMars.Pages.NewGameModel
@{
    ViewData["Title"] = "New Game";
}

<h2>New Game</h2>

<form method="POST">
    <table>
        <tr>
            <td><label asp-for="Name"></label></td>
            <td><input type="text" asp-for="Name" /></td>
        </tr>
    </table>
</form>

<button type="submit" asp-route-data="@Model.Name">Create Game</button>

With this page model:

[Authorize]
public class NewGameModel : PageModel
{
    public void OnGet()
    {

    }

    public void OnPost()
    {
        Redirect($"Game/{Name}");
    }

    /// <summary>
    /// The name of the game to create.
    /// </summary>
    public string Name { get; }
}

But when I click the submit button, nothing happens - neither the OnGet nor OnPost methods get called. What's going on here? How can I make the submit button call OnPost()?

Answer 1

糟糕，我是个白痴-提交按钮必须位于表单内！

Answer 2

I got the same issue, only got it working once I added the returnUrl parameter, no idea why though:

public async Task<IActionResult> OnPostAsync(string returnUrl = null)
        {
            if (ModelState.IsValid)
            {
            ....
            }
        }

<form asp-route-returnUrl="@Model.ReturnUrl" method="post">
            <button type="submit" class="btn btn-primary">Submit</button>
 </form>