javascript - 无法在按键时提交表单

Question

我想在用户输入用户名和密码时提交一个表单并输入击键。当按下回车键时，我的函数会收到一条警报。但之后它不会提交表单。我做错了什么？

<form id="myForm" action="#" onsubmit="return false;" >
 <div>
 <input type="text" id="username"  />
 </div>
 <div>
 <input type="password" id="password"   />
 </div>
 <div>
  <button type="submit" id="btnLogin" onclick="myFunction(0)">Log in</button>
 </div>


<script type="text/javascript">

    function myFunction(e) {
        if ((e && e.keyCode == 13) || e == 0) {
            alert("The form was submitted"); // this alert gets called,but my form doesnt get submitted
            document.forms.myForm.submit();   
        }
    }        

Answer 1

你可以这样使用。(使用jquery)

1.更改输入类型提交到按钮

2.修改提交表单的代码

3.为表单编写一个keyPress事件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
    <form id="myForm" action="test.html" >
     <div>
     <input type="text" id="username"  />
     </div>
     <div>
     <input type="password" id="password"   />
     </div>
     <div>
      <button type="button" id="btnLogin" onclick="myFunction(0)">Log in</button>
     </div>
    </form> 
    <script type="text/javascript">       
       function myFunction() {
       alert("form submitted");
       document.getElementById("myForm").submit();
       }
    $('#myForm').on('keydown', function (e) {
      if (e.which === 13) {
          myFunction();
         }
     });
</script>