按 Enter 键页面不重定向时

Question

我有一个PDF文件，输入密码后即可下载。如果密码错误，则会将用户重定向到另一个名为"不正确.html的页面。

问题是它仅在您单击"提交"按钮时才有效。当您按回车键时，它不起作用

如何解决这个问题？

<form name="login">
<input class="gen-label" type="text" name="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;">
<input class="button submit" type="button" value="Submit"  onClick="TheLogin(this.form)">
</form>

爪哇语

function TheLogin() {
var password = 'pass1';
if (this.document.login.pass.value == password) {
  top.location.href="path_to_PDF.pdf";
}
else {
  location.href="incorrect.html";
  }
}

小提琴http://fiddle.jshell.net/HKLma/

Answer 1

替换

onKeyDown="if(event.keyCode==13) event.keyCode=9;"

跟

onkeyup="if(event.which === 13) TheLogin(this.form);"

或将所有内联 JS 替换为

$('[name="login"]').on('submit', function() {
    var password = 'pass1';
    if ( $('[name="pass"]').val() == password) {
        top.location.href="path_to_PDF.pdf";
    } else {
        location.href="incorrect.html";
    }
});

Answer 2

试试这个：

$('.gen-label').keyup(function(e){
if(e.keyCode == 13)
{
    $(this).trigger(".button submit");
}});

工作演示