按回车键提交表格

时间:2015-05-19 11:13:38

标签: html submit enter

<HTML>
  <HEAD>
    <TITLE>Login</TITLE>
    <script language="JavaScript" type="text/javascript">
      <!--- PASSWORD PROTECTION SCRIPT
        function TheLogin() {

        var password = '123';

        if (this.document.login.pass.value == password) {
          top.location.href="correct.php";
        }
        else {
          location.href="incorrect.html";
          }
        }

        // End hiding --->
    </script>
    <style type="text/css">
      BODY { COLOR: #0000FF; FONT: 16px verdana, arial, sans-serif; font-weight: normal }
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </HEAD>
  <BODY bgColor="#FFFFFF">
    <br><br><br><br>
    <center>
      <p>please insert your password</p>
      <form name="login" id="formid" style="margin: 0px">
        <INPUT TYPE="text" NAME="pass" id="passid" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;" style="width: 152px; margin: 5px;"><br>
        <input type="button" value="Click to Login" style="width : 150px; margin: 3px; left: 183px; top: 175px;" onClick="TheLogin(this.form)" >
      </form>
    </center>
    <br><br><br>
  </BODY>
</HTML>

如何在文本输入字段中使用Enter键提交表单,并提交按钮?

我希望保护一些没有密码的人无法访问的页面

它正在使用按钮但是使用&#34;输入按钮&#34;不工作 所以请改变我的代码

1 个答案:

答案 0 :(得分:0)

使用jquery你可以做到:

$('#textbox').bind('keypress', function(e) {
                if (e.which == 13) {
                    $('#button').click();
                }
            });