禁止Enter 键来提交表单

最新推荐文章于 2024-07-11 16:15:56 发布

原创最新推荐文章于 2024-07-11 16:15:56 发布 · 686 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java #jsp js

JS 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种通过JavaScript禁止表单使用Enter键提交的方法，并提供了两种实现方式：一种是在文档级监听按键事件，另一种是在表单元素上直接设置键盘事件。这两种方法可以有效阻止表单默认的Enter键提交行为。

找了半天，再看了下文档，写了个函数，用来禁止enter键来提交表单设置。

函数如下：

        function keyDown()
       {
       var keycode=event.keyCode;
       var keyChar=String.fromCharCode(keycode);
       if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!=''&& event.srcElement.type!='textarea')
       {
       event.keyCode=9;
       }
       };
       document.onkeydown=keyDown;

<s:form id="PersonForm" name="PersonForm" action="person!list.action" method="post" onkeydown="if(event.keyCode==13){return false;}" ></s:form>

表单form编写如此就可以到达禁止键的作用了。

当然也有其他的方式，但是这个应该是比较好的。

放开enter键提交信息：

      //按回车键
    document.onkeydown=function(event){
        var e = event ? event : (window.event ? window.event : null);
        if(e.keyCode==13){
            checkUserForm();
        }
    }