Question

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

问题是它只在您单击“提交”按钮时有效。当您按Enter键时它不起作用

如何解决这个问题？

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

的Javascript

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

<强> Working Demo

按Enter键页面时不会重定向

2 个答案: