当您按下回车键时，我希望我的表单能够进行答案

【问题标题】：I want my form to progress when you hit the enter key当您按下回车键时，我希望我的表单能够进行
【发布时间】：2014-03-13 16:19:05
【问题描述】：

我的website 使用密码进行操作。

但是我希望表单在按下回车键时可以工作

因为它比移动鼠标容易得多

这是表单的当前代码：

<form name="login" style="margin: 0px">
    <INPUT TYPE="text" NAME="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;" style="width: 152px; margin: 5px;"><br >
    <input type="button" value="Enter" style="width : 150px; margin: 3px" onClick="TheLogin(this.form)" >
</form>

谢谢，汤姆

【问题讨论】：

把 input type="button" 改成 "submit"，关注它。输入键将提交表单。
离题了，但是。您实际上是在将密码作为 $_GET 参数发送吗？？
密码不是很隐蔽，5秒左右就找到了……（出于安全原因指出）

标签： javascript html forms enter

【解决方案1】：

添加input type="submit" 而不是button。稍后使用onsubmit 事件捕获它。

【讨论】：

【解决方案2】：

不需要javascript，只需将提交按钮设置为提交即可。

 <input type="submit" value="enter"/>

【讨论】：

【解决方案3】：

在表单中按下回车的默认动作是调用第一个提交按钮，所以你只需要

<input type="submit" value="enter"/>

【讨论】：

【解决方案4】：

您可以使用“提交”输入类型，这将捕获该事件。或者，您可以执行以下操作：

$('body').keydown(function (event) {
    if (event.keyCode == 13) {
        alert('Enter key pressed');
    }
});

【讨论】：

【解决方案5】：

重要更新

不要使用 javascript 作为验证密码的媒介，不要将密码包含在您的 html 中的 <script> 标记中！

密码验证只能在服务器端完成！

在您的表单中使用POST method 而不是GET
用于密码的输入应将type 设置为密码而不是文本。
默认表单提交不需要 Javascript（与 enter 一起使用）。
把你的html改成这样：

<form name="login" style="margin: 0px;" method="post">
    <input type="password" name="pass" size="17" style="width:152px;margin:5px;">
    <br >
    <input type="submit" value="Enter" style="width:150px;margin:3px;">
</form>

【讨论】：