input 类型为number型时，maxlength不生效？

最新推荐文章于 2023-08-30 14:12:42 发布

banyu0052

最新推荐文章于 2023-08-30 14:12:42 发布

阅读量102

点赞数

原文链接：http://www.cnblogs.com/gyfluck/p/5809131.html

版权

input 类型为number型时，maxlength不生效？

可以加oninput属性来控制最大长度：
<input id="numInput" type="number" maxlength="3" value="" οninput="if(value.length&gt;3)value=value.slice(0,3)">

转载于:https://www.cnblogs.com/gyfluck/p/5809131.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

banyu0052

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

为什么input中的maxlength属性失效了

猿小白的博客

10-24

1万+

今天在遇到限制某个输入框的最大长度的需求，比如一个要求输入手机号的输入框：当时我是这样写的 <input type="text" placeholder="请输入手机号码" maxlength="11" /> 如果是上面的这种写法的话，maxlength属性是有效的。但是type=”text”有一个不好的体验，就是获取焦点后弹出的输入法是默认拼音的那种，不太适合此处要求纯数字的需...

vue+elementui 项目中输入手机号，要求必须是数字限制最长11位。type=“number“ 中maxlength失效

肖肖肖丽珠的博客

07-01

8314

这样的需求是经常用到的。但是我们在用的时候却发现了一些问题: <el-inputv-model="mobile" placeholder="手机号" type="number" maxlength="11"></el-input> 只能输入数字:type="number" 最长11位 : maxlength="11" 如果写type="number" maxlength="11"。的确只能输入数字但是maxlength="11"的长度限制却失效了。如果不写...

参与评论您还未登录，请先登录后发表或查看评论

input maxlength 属性不起作用

huch的博客

06-05

4万+

大家经常会遇到限制某个输入框的最大长度的需求，比如一个要求输入手机号的输入框： &amp;lt;input type=&quot;text&quot; placeholder=&quot;请输入手机号码&quot; maxlength=&quot;11&quot; /&amp;gt; 如果是上面的写法的话，maxlength属性是有效的。但是type=”text”有一个不好的体

input设置type为number时，maxlength属性无效

xxx_holic123的博客

06-02

2304

input设置type为number时，maxlength属性无效

input输入框为数字(number)类型时maxlength属性不起作用

小涛Dirge

11-12

1983

使用html代码解决 <input type="number" maxlength="5" oninput="if(value.length>5)value=value.slice(0,5)" /> 使用js代码解决 //输入框为数字类型时防止maxlength属性不起作用 $('input').bind('input propertychange', function() {...

input maxlength 属性不起作用

weixin_45438997的博客

08-13

2229

在网页开发中遇到了一个问题，input设置type="number"后设置的max-length没有效果了经过查阅资料后找到了两种解决办法方法一 type类型设置为tel <input type="tel" placeholder="请输入手机号码" maxlength="11" /> 方法二添加oninput事件，添加长度判断 <input type="number" maxlength="11" oninput="if(value.length>11)value=valu

input输入框type设置为number，maxlength无效

gs981600308的博客

07-31

1万+

结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？这里我先说一下inp...

el-input设置type类型为number之后如何限制字数长度

07-16

但是，对于 type 为 number 的 input，maxlength 属性不会生效，因为它是基于字符数计算的，而不是基于数字数值计算的。要限制 el-input 的数字长度，你可以使用 `max` 和 `min` 属性来设置允许的最大和最小值。...

输入框输入值时，长度限制不生效 <el-input v-model="apiNums" type="number" :max="10000000" :disabled="isView" placeholder="请输入端口数量" maxlength="8" />

05-24

`maxlength` 属性用于设置输入框的最大长度，它只对 `type="text"` 或者 `type="password"` 的文本框有效，对于 `type="number"` 的数字输入框是无效的。要限制数字输入框的最大值，可以使用 `max` 属性。但是你的...

小程序的input输入密码type=password坑

Zho-J的博客

01-05

3085

** 小程序的input输入密码type=password坑 ** 小程序开发中遇到一个需求，点击密码输入框的logo切换输入框中文字的显示和隐藏平时的解决思路就是修改type的值，即可满足需求，但是小程序中则不会立即切换显示和隐藏，只有吊起输入键盘的时候，才会切换。解决思路就是再创建一个input 类型为密码，点击后边的眼睛logo来切换display为block还是none。俩个input同时绑定密码psw即可。 html： <view class="input-container

input的type为number时，maxlength失效的解决办法

6块腹肌的博客

05-29

1617

<input type="number" oninput="if(value.length>30)value=value.slice(0,30)" placeholder="请输入设备编号" /> 利用oninput事件，这样可以限制长度

vue2项目中el-input单独使用max和maxlength不生效问题

热门推荐

malan_wpf的专栏

03-03

6万+

效果ok，当时maxlength失效，长度可以无限输入。解放方案： 5)value=value.slice(0,5)" /> 很简单，搞定！

解决input为number类型时maxlength无效的问题

u011927449的博客

07-23

780

使用input数字number类型的时候maxlength无效，假设需要控制输入数量为18，可以用以下方式：无效： <input type="text" maxlength="18" /> 效果ok，当<input type="number" maxlength="18" /> 有效： <inputtype="number"oninput="if(value.length>18)value=value.slice(0,18)"/>...

el-input maxlength 无效

IT小白

07-20

2741

el-input maxlength 长度无效

elementUi中使用input标签maxlength不生效

享受科技，热爱生活！

05-23

3064

<el-input v-model="formAdd.xxx" oninput="if(value.length > 3) value=value.slice(0, 3)" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));" type="number" placeho.

input设置maxlength为最大长度无效解决方案

搬砖的石头

06-17

6289

第一种方法：input属性为number，做if判断，然后slice选取 <input type="number" oninput="if(value.length>6)value=value.slice(0,6)" /> 第二种方法：input属性为text，设置maxlength为最大长度，使用onkeyup和onafterpaste 限制只能输入数字 ...

el-input maxlength不生效

05-09

如果你使用的是 Element UI 的 el-input 组件，它提供了 maxlength 属性用于限制输入的最大长度，但是有时候可能会出现不生效的情况。这可能是因为你的 el-input 组件被包裹在一个 el-form 组件中，el-form 组件也有...