Javascript - 密码表单未提交

时间:2013-12-09 03:45:58

标签: javascript html

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

    <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');
}

3 个答案:

答案 0 :(得分:2)

应该是

<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>

并且您的login函数应该如下,

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();

  }
};

答案 1 :(得分:1)

只是重复@adeneo在评论中已经说过的相应回复,你的表单定义应该是:

onsubmit="return login()"

当您希望表单提交时,login函数应该return true

如果您return false,表单将不会提交

答案 2 :(得分:0)

<button class="btn bold" onclick="signup(); return false;">Submit </button>