Javascript - 密码表单未提交

Question

表单未在输入时提交。也许我错过了一些东西，所以需要同事的帮助或任何建议/提示来找出问题。我认为问题出在密码字段中。谢谢!

    <form onsubmit="login(); return false;">
        <p>
            Email*: <input type="text" id="email" />
        </p>
        <p>
            Password*: <input type="password" id="pass" />
        </p>
        <p>
            <span id="loginBut" onclick="login(); return false;" class="btn bold">
                Submit
            </span>
        </p>
    </form>


function login() {

    console.log('Inside login');
}

Answer 1

应该是

<form id="myForm">
  <p>
    Email*: <input type="text" id="email"/>
  </p>

  <p>
    Password*: <input type="password" id="pass"/>
  </p>

  <p>
   <span id="loginBut" onclick="login();"
        class="btn bold">Submit </span>
  </p>
</form>

你的登录函数应该是这样的，

function login(){
document.getElementById("myForm").submit();
}

如果您仍然想使用跨度，可以尝试添加此脚本。

document.getElementById('myForm').onkeypress = function(e){
  //enter has the keyCOde 13
  if (e.which == 13){
    document.forms[0].submit();

  }
};