잡히지 않은 TypeError : null의 'submit'메서드를 호출 할 수 없습니다.

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> 

를 적어 둡니다. 또한 텍스트 태그는 코드에서 제거해야합니다. 이는 Razor 구문이 Razor 구문이 아닌 텍스트 인 것처럼 받아들이도록하기 위해서입니다.