未捕获的类型错误：无法调用 null 的方法“提交”

Question

Here is a picture of the error. 这个错误是在我对我的项目进行一些更改后出现的。当您按下按钮时，它应该转到用于记录网站用户的控制器。我重新制作了我的布局以引导并更改/删除了很多属于该站点的 CSS。这可能是相关的，但不确定如何。这是按钮的代码：

@if (Request.IsAuthenticated) {
    <text>
        Hello, @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })!
        @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {
            @Html.AntiForgeryToken()
            <a href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
        }
    </text>
} else {
    <ul>
        <li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
        <li>@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
    </ul>
}

有人知道为什么会这样吗？

Answer 1

我认为你的问题出在这条线上。

@using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {

检查您的页面来源，我希望您的操作在您的表单上看起来像这样。

action="Account/LogOff?id=logoutForm"

解决方案：

@using (Html.BeginForm("LogOff", "Account", null, FormMethod.Post, new { id = "logoutForm" })) {

这应该会为你解决问题:)

更新：

您可以切换代码以使其以不同的方式工作，但仍然可以工作。

选项 1：

将此粘贴​​到布局文件的末尾。

<script>$(function() {
    $('#logoutForm a').on('click', function () {
          $('#logoutForm').submit();
     });
</script>

选项 2：

把标签改成一个

<button type="submit">Log Off</button> <!-- no JavaScript -->

选项 3：

<!-- I think this will work -->
<a onclick="document.getElementById('logoutForm').submit()">Log Off</a>

我个人喜欢选项 2，因为您只是使用了应有的提交按钮，而不是 JavaScript。

更新 #2：

@using(Html.BeginForm("LogOff", "Account", null, FormMethod.Post, new { id = "logoutForm" }) {
    @Html.AntiForgeryToken()
    <button type="submit">Log Out</button>
}

应该产生：

<form action="/Account/LogOff" method="POST" id="logoutForm">
   <input type="hidden" name="__RequestVerification" value="***" />
   <button type="submit">Log Out </button>
</form>

记下 action 和 method 属性。此外，请确保从代码中删除 text 标签，因为它们旨在强制 Razor 语法接受它们之间的任何内容作为文本而不是 Razor 语法。