当你按下回车键时我希望我的表单进展

时间:2014-03-13 16:19:06

标签: javascript html forms enter

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

谢谢, 汤姆

5 个答案:

答案 0 :(得分:3)

添加input type="submit"代替button。稍后使用onsubmit事件来捕获它。

答案 1 :(得分:3)

不需要javascript只需将提交按钮设置为输入提交。

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

答案 2 :(得分:2)

在表单中按下Enter键的默认操作是调用第一个提交按钮,因此您只需要

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

答案 3 :(得分:1)

您可以使用输入类型的“提交”,这将捕获该事件。或者,您可以这样做:

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

答案 4 :(得分:1)

重要更新

请勿使用javascript作为媒介来验证密码,并且不要在html中将您的密码包含在<script>代码中!

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

  1. 在表单中使用POST method,而不是GET
  2. 用于密码的输入应设置为type 密码而非文字。
  3. 默认表单提交不需要Javascript(与enter一起使用)。
  4. 将您的HTML更改为:
  5. <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>