按钮特效-Enter键自动提交表单

Posted 承载梦想-韩旭明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了按钮特效-Enter键自动提交表单相关的知识,希望对你有一定的参考价值。

——————————————————————

<script type="text/javascript">            
            //当用户按下键时
            function formKeyPress(event){
                if(event.keyCode == 13){            //判断是否按的是Enter键
                    document.forms[0].submit();    //提交表单
                }else{
                    return false;                //返回
                }
            }
        </script>

——————————————————————

<body style="text-align:center;">
        <!-- 定义表单,按钮 -->
        <form action="" method="post" style="display:block; width: 250px; height: 100px;
            border: 1px solid black;">
            <br/>
            用户名:<input type="text" name="username"/><br/>
            密码:<input type="password"
                name="password" onkeypress="formKeyPress();"/><br/>
            <input type="submit" value="提交"/><br/>
        </form>        
    </body>

-——————————————————————

 

以上是关于按钮特效-Enter键自动提交表单的主要内容,如果未能解决你的问题,请参考以下文章

提交表单问题... Enter 键

Enter 键提交 Ajax 表单

如何将 Enter 键连接到提交按钮

按下回车键时禁用表单提交,因为我使用的是 Ajax 功能

js防止回车(enter)键提交表单及javascript中event.keycode

使用 javascript 在 Enter 键上提交表单