禁止回车键提交

最新推荐文章于 2017-04-17 16:20:58 发布

colorsunlight_110

最新推荐文章于 2017-04-17 16:20:58 发布

阅读量691

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/colorsunlight/article/details/44244393

版权

jQuery 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

//当回车键提交时聚焦到当时触发onkeypress事件的元素对象年龄输入框
<script type="text/javascript">
    $(function(){
        $("input").keypress(function(e){
            var keyCode=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
            if(keyCode==13){
                for(var i=0;i<this.form.elements.length;i++){
                    if (this==this.form.elements[i]) break;
                }

                i=(i+1)%this.form.elements.length;
                this.form.elements[i].focus(); //聚焦到提交按钮上
                return false;
                }else{
                    return true;
                }
            }
        )
    });
</script>
</head>
<body>
    <form action="form.php" method="post">
        Name:<input type="text" name="name"/>
        Age:<input type="text" name="age"/>
        <input type="submit" value="提交"/>
    </form>
</body>

colorsunlight_110

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
禁止回车键提交

//当回车键提交时聚焦到当时触发onkeypress事件的元素对象年龄输入框<script type="text/javascript"> $(function(){ $("input").keypress(function(e){ var keyCode=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
复制链接

扫一扫

专栏目录