HTML5 input type=“number”的maxlength设置没效果问题

最新推荐文章于 2024-08-12 15:14:16 发布
最新推荐文章于 2024-08-12 15:14:16 发布
阅读量2.6w 收藏 1
点赞数 1
分类专栏： HTML5 文章标签： html5 input typenumber maxlength
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mochile/article/details/47170301
版权

input type=“number” 需要设置最大长度限制：

(1).max属性设置最大可入力值 
 <input name="item_seq" type="number" max="99" />

if you add both a max and a min value you can specify the range of allowed values:

(2). max和min属性都设置，就是一个可入力区间：

  <input name="item_seq" type="number" min="1" max="99" />
mochile
关注
专栏目录
input js number 整数_限制input[type=number]的输入位数策略整理
weixin_39532352的博客
12-19 1462
当我们使用类型number的input输入框的时候，我们可能需要限制输入的位数，这个时候通常会想到maxlength，但是maxlength是在number类型的时候是不支持的，下面是一些解决这种问题的方法。1)max和minmax和min是number输入框所支持的，这样如果我们要限制输入11位的手机号码，就可以用如下代码这样不会限制用户输入，但会在用户提交的时候提示。2)oninput事件对多...
vue+elementui 项目中输入手机号，要求必须是数字限制最长11位 。type=“number“ 中maxlength失效
肖肖肖丽珠的博客
07-01 8244
这样的需求是经常用到的。但是我们在用的时候却发现了一些问题: <el-inputv-model="mobile" placeholder="手机号" type="number" maxlength="11"></el-input> 只能输入数字:type="number" 最长11位 : maxlength="11" 如果写type="number" maxlength="11"。的确只能输入数字但是maxlength="11"的长度限制却失效了。 如果不写...
完美解决input[type=number]无法显示非数字字符的问题
12-01
在移动端webview实现的页面中，有数字的地方必须使用input type=”number”类型的input，否则触发后的键盘为全键盘，而非数字键盘。但另外的一个问题是，input 为 type=”number” 类型的无法显示非数字字符，比如：12/23中/。 只能采取另外的思路来解决，比如：显示的时候用非number类型的input或其它元素，当触发onfocus后，利用js 动态修改为number类型。 <input class="pg-page-num" type="text" name="" value="34/233" id="pageNum"> <input type="hi
input 属性为 number，maxlength不起作用如何解决？
热门推荐
malan_wpf的专栏
03-03 6万+
效果ok，当 时maxlength失效，长度可以无限输入。 解放方案： 5)value=value.slice(0,5)" /> 很简单，搞定！
【vue】el-input当type=“number“时maxlength不生效
最新发布
BigBigHang的博客
08-12 298
【vue】el-input当type="number"时maxlength不生效
h5网页input的type设置为number，maxlength属性不好用
DullSwordCN的博客
05-31 968
有个不需要js的解决方案：<input type="text" maxlength="10" pattern="\d*"> 常见的移动端H5页面开发遇到的坑和解决办法 https://juejin.im/entry/5aeaa4cb518825671a639bbb ...
html的input的type为number时，maxlenght无效
Amanda_wmy的博客
10-10 906
html的input的type为number时，maxlenght无效 解决方案： &lt;input type="number" oninput="if(value.length&gt;5)value=value.slice(0,5)" /&gt;
html number类型最大长度
Xerale的博客
05-24 377
实现 <input type="number" name="" class="" oninput="if(value.length>5)value=value.slice(0,5)"> 长度限制 oninput="if(value.length>5)value=value.slice(0,5)" 效果
type=number 的maxlength和可以输入E的问题
weixin_30664539的博客
10-12 112
有一个输入框，要求只能输入1到999以下数字，于是 设置<input type="number" min="1" max="999"> 结果发现可以输入e.因为e是一个常数。 使用网上的解决办法加入： onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode))) 这样解决了可以输入E的问题，但是这样输...
html input number max min
秀强的专栏
04-20 1270
<input type="number" min="1" max="1000"> $('input[type="number"]').on('keyup keypress blur change', function() { if (parseInt(this.value) > 1000) { this.value = 1000...
<input type="number" maxlength="15" v-model="inputPhoneNum" placeholder="请输入新的手机账号" />改成满足手机号的正则表达式写法
08-27
您可以将<input type="number" maxlength="15" v-model="inputPhoneNum" placeholder="请输入新的手机账号" />改成以下满足手机号的正则表达式写法: ```javascript phone: { pattern: /^1(3\d|4<span class="em">1...
小程序的input输入密码type=password坑
Zho-J的博客
01-05 3030
** 小程序的input输入密码type=password坑 ** 小程序开发中遇到一个需求，点击密码输入框的logo切换输入框中文字的显示和隐藏 平时的解决思路就是修改type的值，即可满足需求，但是小程序中则不会立即切换显示和隐藏，只有吊起输入键盘的时候，才会切换。解决思路就是再创建一个input 类型为密码，点击后边的眼睛logo来切换display为block还是none。俩个input同时绑定密码psw即可。 html： <view class="input-container
input type=number maxlength无效
heerey525
11-05 1478
问题：input标签type=number时maxlength属性无效 解释：通过在MDN上搜索得知maxlength属性是控制value的最大长度（最多字符数目），maxlength属性对于type=password, search, tel, text, url，这五种生效，附上链接 解决方案： 其实现在很多的ui框架都会做单独的数字输入框，如iview的<InputNumber/> 还有oninput事件 当长度超过截取 <input type="number" oninput=
HTML5中表单新增的type属性和其他属性
12-05 3916
一、表单新增的type属性 1.文本：输入框内容为文本格式 用户名：<input type="text" name="userName"> 2.密码：输入框内容为密码格式 用户名：<input type="password" name="password"> 3.邮箱：提交时会提示验证 邮箱：<input type="email" name="email">...
input输入框type设置为number，maxlength无效
gs981600308的博客
07-31 1万+
结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效 一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。 然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？ 这里我先说一下inp...
vue 中使用input number类型 maxlength失效
lishi9092的博客
08-16 1万+
vue中使用el-input不好用，想只能输入数字，且最大长度10 ，但是maxlength属性不管用 于是 template <input type="number" v-model="userId" @input="changeNum" placeho...
input maxlength 属性不起作用
huch的博客
06-05 4万+
大家经常会遇到限制某个输入框的最大长度的需求，比如一个要求输入手机号的输入框： &amp;amp;lt;input type=&amp;quot;text&amp;quot; placeholder=&amp;quot;请输入手机号码&amp;quot; maxlength=&amp;quot;11&amp;quot; /&amp;amp;gt; 如果是上面的写法的话，maxlength属性是有效的。但是type=”text”有一个不好的体
element input框type=“number“,maxlength属性失效
Missying55的博客
09-18 4357
element input框type=“number”,maxlength属性不起作用 问题发现： 1、maxlength类型需为number (参照官方文档) 2、maxlength属性对type="number"类型的输入框无效，text类型亲测有效 解决方法如下： <!-- 以下为代码，但一直不生效 --> <el-input v-model="value" type="number" :maxlength="14" placeholder="请输入"></el-inp
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值