Javascript 如何使用enter键笔划提交用户名和密码
我有一个登录按钮,工作正常,它登录用户等。。但是我想允许用户按enter键登录。我是怎么做的。我试着用onkeypress做了一个测试,但它没有做下面的任何事情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>
<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();
}
}