按Enter键时页面不会重定向

时间:2014-04-04 09:51:07

标签: javascript if-statement enter form-fields

所以我有一个文本字段,用户必须输入密码才能下载PDF文件。如果密码正确,它会将用户重定向到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

<script>
function TheLogin() {
var password = 'Pass1';
if (this.document.login.pass.value == password) {
  top.location.href="file_to_download.pdf";
}
else {
  location.href="incorrect.html";
  }
}
</script>

1 个答案:

答案 0 :(得分:1)

<input type="submit"在输入时触发表单提交,按钮不会。

另一件事是更改下面显示的else代码以进行重定向。

<input class="gen-label" type="text" name="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;">
<input class="button submit" type="submit" value="Submit"  onClick="TheLogin(this.form)">
</form><script>
function TheLogin() {
var password = 'Pass1';
if (this.document.login.pass.value == password) {
  top.location.href="file_to_download.pdf";
}
else {
  window.location="incorrect.html";
  }
}