输入值禁用 Enter 键

Question

我遇到了有史以来最烦人的问题！我正在使用一个易于使用的密码脚本：

var count = 2;

function validate() {
    var un = document.myform.username.value;
    var pw = document.myform.pword.value;
    var valid = false;

    var unArray = ["Natalie"]; 
    var pwArray = ["0123456"]; 

    for (var i = 0; i < unArray.length; i++) {
        if ((un == unArray[i]) && (pw == pwArray[i])) {
            valid = true;
            break;
        }
    }

    if (valid) {
        window.location = "hello.html";
    } else {
        alert("ERRR! Wrong!");
        document.myform.username.value = "";
        document.myform.pword.value = "";
        document.myform.username.disabled = true;
        document.myform.pword.disabled = true;
        return false;
    }

}

现在，我为这个脚本做了一个表格：

<form method="POST" onsubmit="return validate()" name="myform">
    <input type="text" value="Natalie" name="username" style="width:0px;height:0px;border:0px solid;background:rgba(00,00,00,0);">
    <input type="text" name="pword" style="width:150px;border:1px solid #fff;font-family:roboto;font-size:12px;padding:1% 12%;text-align:center;letter-spacing:4px;font-weight:900;margin:2%;" value="Ex: 354627" onfocus="if (this.value == 'Ex: 354627')     {this.value=''}">
    <br>
    <input name="submit" type="submit" value="Check In" onclick= " validate()">
</form>

一切正常，除了输入密码和按回车键！

为什么会这样，我该如何解决？我花时间把它全部放在一个 JSFiddle 中！

http://jsfiddle.net/j9HFg/14/

Answer 1

您的 onclick 事件需要在 validate() 之前有一个 return。您的提交按钮的输入类型需要为submit。这将启用回车键。

<input name="submit" type="submit" value="Check In" onclick= "return validate()">

我也可以在表单上设置一个 onsubmit 事件

<form method="POST" onsubmit="return validate()" name="myform">

返回是必需的，因为如果我们像 onclick="false" 那样替换返回值，点击事件仍然会传播。但是如果我们像 onclick="return false" 这样返回 false，那么事件就会停止。

另外非常重要，用户名和密码应该不在 javascript 中。请在服务器端进行。

Answer 2

我认为它不起作用，因为您没有单击提交按钮。

我敢打赌，按回车键不会触发onclick 事件。

您必须为keyUp、keyPress 或类似的东西添加处理程序（我不是 JS 专家）。

---

编辑：

我刚刚意识到您使用的是input type='button' 而不是input type='submit'。

应该是这样的：

<input name="submit" type="submit" value="Check In" onclick="validate()">

在这种类型的输入上，onclick 应该与 enter 键一起使用。