Javascript 如何使用enter键笔划提交用户名和密码

Javascript 如何使用enter键笔划提交用户名和密码,javascript,jquery,html,onkeypress,Javascript,Jquery,Html,Onkeypress,我有一个登录按钮,工作正常,它登录用户等。。但是我想允许用户按enter键登录。我是怎么做的。我试着用onkeypress做了一个测试,但它没有做下面的任何事情 <form> <div class="form-group"> <input type="text" class="form-control" placeholder="Username id="username" /> </div>

我有一个登录按钮,工作正常,它登录用户等。。但是我想允许用户按enter键登录。我是怎么做的。我试着用onkeypress做了一个测试,但它没有做下面的任何事情

<form>
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Username id="username" />
       </div>
      <div class="form-group">
      <input type="password" class="form-control" placeholder="........" id="password" onkeypress=myFunction() /> //i just tried this myFunction() to see if it would give an alert but it doesnt
      </div>
     <div class="form-group">
   <button type="submit" class="btn btn-primary btn-login" id="btnLogin">Log in</button>

  </div>
  </div>
  </form>

function myFunction()
 { alert("button pressed")}


当您将
输入
放在包含提交按钮的
表单
元素中时,默认情况下会出现这种行为。要连接到它,请使用表单的
submit
事件,如下所示:

$('form')。关于('submit',函数(e){
e、 preventDefault();//在本例中仅用于停止表单提交
console.log(“提交的表单”);
})

登录

首先,您需要将事件发送到
myFunction()
函数,并将ID添加到表单中以手动添加提交:

HTML

<form id='myForm'>
<!-- form actions (etc..) -->
<input type="password" class="form-control" placeholder="........" id="password" onkeypress=myFunction(e) />
<!-- form actions (etc..) -->
</form>

您不应该在jsp中执行任何操作,为什么要手动连接它?如果焦点是
的后代,则浏览器应按照默认行为提交该文档。您必须使用文档,才能听到它的声音,按键澄清:甚至不需要出现提交按钮来允许这种情况发生。@Balázs是的,有。必须有一个提交按钮。哦,该死,真的。恐怕是这样。这是上面没有按钮的部分,你会看到控制台中没有显示任何内容:是的,我自己已经验证过了,我错了。我敢打赌这是不必要的。
function myFunction(e)
var code = (e.keyCode ? e.keyCode : e.which);
{
   if (code == "13")
    {
        //Calling the submit or clicking manually it 
        $( "#myForm" ).submit();   
    }
}