Jqueryを使わずにMVCビューのページでEnterキーを押したときのボタントリガー

Question

MVCビューのモーダルで、コントローラにポストするJavaスクリプトを呼び出すボタンがあります。ボタンでEnterキーを押すと、どのようにボタンがトリガーされますか。 ビューでJavaScript関数を呼び出せる場所がわかりません。

Jqueryを使用しないでください。私はこの目的のためにJavascriptを使用する必要があります。

は、これは私のビューです：

@using (Html.BeginForm("forgotPassword", "Home", FormMethod.Post)) 
     { 
      @Html.AntiForgeryToken() 
      <div> 
       <div>Email Address</div> 
       <div><input type="email" name="email" placeholder="example@email.com" id="email" class="forgot-password-textbox"></div> 
       <div><label id="Message" class="forgot-password-error-message"></label></div> 
       <div><input type="button" value="Submit" id="btn-reset-password" onclick="resetPasswordHandler()" class="orange-button forgot-password-button"></div> 
      </div> 
     } 

、これはJsと方法である：

function resetPasswordHandler() { 
    //Post Data to Controller 
}; 

Answer 1

Enterキーが押されたときにあなたがresetPasswordHandler関数を呼び出すことができます。

document.onkeydown = function() { 
    if (window.event.keyCode == '13') { 
     resetPasswordHandler(); 
    } 
} 

Answer 2

1. は（ボタンの代わりにonclick）フォームにonsubmit機能を使用し
3. がtype='submit'

にあなたのボタンを変更し、フォームの送信を防ぐために関数からfalseを返します

---

@using (Html.BeginForm("forgotPassword", "Home", FormMethod.Post, new { onsubmit = "return resetPasswordHandler()" })) 
     { 
      @Html.AntiForgeryToken() 
      <div> 
       <div>Email Address</div> 
       <div><input type="email" name="email" placeholder="example@email.com" id="email" class="forgot-password-textbox"></div> 
       <div><label id="Message" class="forgot-password-error-message"></label></div> 
       <div><input type="submit" value="Submit" id="btn-reset-password" class="orange-button forgot-password-button"></div> 
      </div> 
     } 

---

function resetPasswordHandler() { 
    var postResult = null; 
    var data = { 
     Email: document.getElementById('email').value 
    }; 
    var path = "/forgotPassword"; 

    var errorMessage = document.getElementById('Message'); 

    $.ajax({ 
     dataType: "text", 
     url: path, 
     data: data, 

     type: "POST", 
     cache: false, 
     success: function (result) { 
      postResult = $.parseJSON(result); 
      if (postResult.status == "success") { 
       $('#forgot').hide(); 
       $('#forgot-thank-you').show(); 
      } 
      else { 
       errorMessage.innerHTML = postResult.message; 
      } 
     }, 
     error: function() { 
      errorMessage.innerHTML = "An error occured"; 
     } 
    }); 
    return false; 
};