null 不是 object（评估 'document.getElementById('logout-form').submit'） - 为什么会出现此错误？

Question

我正在我的 Laravel 应用程序中设置身份验证，我可以毫无问题地登录和身份验证，但是当我单击注销链接时没有任何反应。 我没有被重定向，我只是得到这个 JavaScript 错误：

类型错误：null 不是 object（评估 'document.getElementById('logout-form').submit'）

我已经在 Safari 和 Chrome 中进行了测试，并且行为是相同的。 我确定我只是在做一些愚蠢的事情，而且我不是专业的开发人员。

<a class="dropdown-item" href="#" onclick="event.preventDefault();document.getElementById('logout-form').submit();">Logout</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">@csrf</form>

我不清楚为什么这没有触发。 帮助？

Answer 1

如果您有多个 forms，您可以使用document.forms然后通过其index访问它，然后触发提交。