HTML防止text-input重复提交的方法

最近做那个翻译,发现当服务器相应慢的时候,有可能会重复提交,也就是重复回车


解决方法:

<p><input type="text" onkeypress="return myclick(event)" name="source">


红色是新加的那一点


然后我们加入js的东西


<script>

        var has_click=false;

            function myclick(event)

            {

                if (event.keyCode!=13)

                {

                    return !has_click;

                }


                if(has_click) {


                    return false;

                }

                else

                {

                    has_click=true;

                    return true;

                }


             }

    </script>


用一个全局变量(其实每次返回后就刷新了)has_click来进行判断。


主意其中的keyCode==13 表示回车,其他的press button不会触发。


这个时候其他键还可以用,但是回车已经被禁止了。


这样就可以防止连续提交了。



留下您的评论

回复列表:

By王炳宁 on Jan. 22, 2019 | 类别 Cpp

关于本站