UC浏览器input文本框输入文字回车键自动提交

这是测试今天在jira给我提出的一个bug

下面是贴的代码

屏蔽或者禁止回车键

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--直接行内加-->
        <!--<input onkeydown="if(event.keyCode==13){event.keyCode=0;event.returnValue=false;}">-->

        <!--非行内加-->
        <form action="https://www.baidu.com" method="post" onsubmit="">
            <input type="text" onkeydown="textShieldEnter()" />
            <input type="submit" value="提交"/>
        </form>
        <script>
            //uc浏览器有键盘回车自动提交功能,屏蔽如下
            function textShieldEnter(){
                if (event.keyCode == 13) {//判断是否为回车键,Event是window对象的一个属性,是全局的。
                      event.keyCode = 0;//屏蔽回车键
                      event.returnValue = false;
                      alert("不许enter提交!!");
                  }
            }
        </script>
    </body>
</html>

但是表单表格多的时候 , 就不想这样做了, 刚刚看到一个很全的总结 https://www.cnblogs.com/caicaizi/p/6072554.html总结的"只要把type="submit"改成type="button"然后js提交, 在不要有一个type=”text”的input就行了。就不会发生回车跳转。 "

原文地址:https://www.cnblogs.com/wangduojing/p/10288416.html

时间: 2024-10-07 23:38:24

UC浏览器input文本框输入文字回车键自动提交的相关文章

禁止input文本框输入select无法选择

readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值. 代码如下:<input type="text" name="en_name" readonly="readonly" /> disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传

checkbox/input文本框与文字对齐

3种方法都能实现checkbox文本框或radio文本框与文字对齐: <meta charset="utf-8"> <input style="vertical-align:top" type="checkbox" /><label style="vertical-align:top">使用css对齐</label><br /> <input type=&quo

input文本框输入内容控制

CreateTime--2016年10月24日15:17:17Author:Marydoninput文本框录入内容控制 1.控制录入的最多是保留两位小数的数字 <input type="text" onkeyup="this.value=this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]" /> UpdateTime--2016年12月17日22:02:18 2.控制不能录入中文,这里只能使用onkeyup属性,原

input type =text,按回车键自动提交

1.当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 再添加一个<input type="text"/>按下回车将不会自动提交,但是页面上显示一个不知所云的输入

input文本框输入限制(正则表达式)

1.只能输入纯数字: <input type='text' onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" /> 2.只能输入数字和小数点 <input onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"/> 3.只能输入数字和字母 &

控制input文本框只能输入正整数

项目中遇到input文本框输入数量的问题,当然此处只能输入正整数.所以在此做一些控制 输入大于0的正整数 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.va

input文本框录入字母自动大写

向文本框输入文字时,如何让小写字母自动变为大写呢?有一个简单有效的做法是用CSS. <input name="t1" type="text" style="text-transform:uppercase;" /> text-transform 有四个可选:none 默认值.无转换发生 capitalize 将每个单词的第一个字母转换成大写,其余无转换发生 uppercase 转换成大写 lowercase 转换成小写

文本框输入数字倒计实例代码

文本框输入数字倒计实例代码:一般情况下,文本框中文字的个数并不是无限的,也就是说具有一定的限制,在人性化程度较好的网站一般有输入文字倒计效果,这样可以便于浏览者组织语言,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>文本框输入文字倒计实例代码-蚂蚁部落</title> <style t

转:zTree树控件扩展篇:巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果

是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树. 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题所以没有动手处理.今天闲来无事琢磨了一下这个需求.我的解决思路如下所示: 1.监听文本框的onkeyup事件:实时传递其值到某个函数: 2.编写某个函数接收文本框的值通过zTree的模糊查找方法getNodesByParamFuzzy(key,value)获得: 3.将匹配到的节点列表结合重新赋值给