当 input 属性为 number，设置maxlength属性不生效的坑

一、现象

1、 <input type="text" maxlength="11" />，有效；
2、 <input type="number" maxlength="11" /> 无效

当input的type属性设为number时，maxlength属性失效，长度可以无限输入。

二、解决方法

<input type="number"  oninput="if(value.length>11)value=value.slice(0,11)"/>

当 input 属性为 number，设置maxlength属性不生效的坑相关推荐

html 最大输入长度,TextArea设置MaxLength属性最大输入值的js代码
标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用如下:http://spiderscript.net/site/spiderscript/e ...
html移除disabled属性,使用jQuery设置disabled属性与移除disabled属性
表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, ...
input 属性为 number，maxlength不起作用如何解决？
<input type="text" maxlength="5" /> 效果ok,当 <input type="number& ...
解决移动端手机号input 属性为 number，maxlength无效情况
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" ...
java根据属性获取对象_java反射工具类--通过指定属性名,获取/设置对象属性值
java对象通过点运算符操作对象属性的方式没法使用for,while等循环,此工具主要解决这一问题. 例如:有一对象包含属性有一定规律 obj1: { name1: "张三", a ...
解决IE下textarea不识别maxlength属性的问题
首先先看一个比较简单的处理办法,代码如下: $("textarea[maxlength]").keyup(function () {var area = $(this);var m ...
js给标签添加属性和值_jquery节点属性
一.节点操作 1.DOM内容节点操作: ①innerHTML属性:设置或获取文本的内容(普通文本和标签). ②innerText属性:设置或获取文本的内容(普通文本),存在兼容性问题. 2.j ...
c++ qt qlistwidget清空_Qt编写控件属性设计器12-用户属性
一.前言用户属性是后面新增加的一个功能,自定义控件如果采用的Q_PROPERTY修饰的属性,会自动识别到属性栏中,这个一般称为控件属性,在组态设计软件中,光有控件本身的控件属性还是不够的,毕竟这些属 ...
C# .NET Core获取类属性/属性值，是否有属性/属性值，获取实体层描述，枚举描述，枚举英文获取枚举描述[Description(“xxx“)]
属性描述定义为PropertyInfo的扩展方法 /// <summary> /// 获取属性描述 /// </summary> /// <param name=&qu ...

当 input 属性为 number，设置maxlength属性不生效的坑

当 input 属性为 number，设置maxlength属性不生效的坑

一、现象

二、解决方法

当 input 属性为 number，设置maxlength属性不生效的坑相关推荐

最新文章

热门文章