input的type设置为number的时候，maxlength无效

最新推荐文章于 2024-08-12 15:14:16 发布

HainesFreeman

最新推荐文章于 2024-08-12 15:14:16 发布

阅读量439

点赞数

分类专栏： js 业务

本文链接：https://blog.csdn.net/weixin_41829196/article/details/103063242

版权

js 同时被 2 个专栏收录

91 篇文章 2 订阅

订阅专栏

业务

67 篇文章 0 订阅

订阅专栏

input的type设置为number的时候，maxlength无效

<input type="text" maxlength="6" /> 效果ok
 
<input type="number" maxlength="6" />
 
当input type = number 时maxlength失效，长度可以无限输入。

解决方案：

oninput事件 当长度超过截取

<input class="form-control" v-model="condition"  type="number" name="name" value="" oninput="if(value.length>11) value=value.slice(0,11)" placeholder="请输入手机号码">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HainesFreeman

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

肖肖肖丽珠的博客

07-01

8245

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

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

Zho-J的博客

01-05

3032

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

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

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

小涛Dirge

11-12

1963

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

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

weixin_33743703的博客

07-24

216

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

【vue】el-input当type=“number“时maxlength不生效

最新发布

BigBigHang的博客

08-12

298

【vue】el-input当type="number"时maxlength不生效

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

6块腹肌的博客

05-29

1608

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

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

猫老板的豆

09-23

264

<input type="number">时，maxlength无效 type设置为text、tel，maxlength才有效解决方案 <input type="number" value="phone" oninput="if(value.length>11)value=value.slice(0,11)" />

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

xxx_holic123的博客

06-02

2226

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

IOS上复制粘贴号码到input有空格及input位数限制问题详解

小圣贤君的博客

08-30

4243

需求说明：用户手机聚焦input后，弹出数字键盘，可以正常输入11位手机号，也可以从电话本复制电话号然后直接执行粘贴操作。问题说明： 1.input聚焦时弹出数字键盘，type=number时，安卓正常，ios无效。 2.当input type 为number时，input加maxlength限制长度属性无效。 3.ios上粘贴电话号到input中会有空格，且获取不到数据。问题解决： 1.因...

el-input/el-input-number在vue中优雅实现禁止输入特殊字符

weixin_44094836的博客

05-06

1416

问题描述：前端提交form表单要求el-input/el-input-number，不能输入 @#¥%……&*…… 分析问题：在事件或者方法中把字符串替代成空解决问题： 1）在mian.js中添加【vue原型上添加方法，便于全局使用】 Vue.prototype.validForbid = function (value, number = 255) { value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]

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

05-24

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

解决ElementUI Input 输入框type=“number“时maxlength失效及可以输入字母e的问题

Java学习

04-14

5765

在使用Element前端组件时，发现把Input 输入框的type设置为number时，会造成maxlength属性失效的问题，可以输入很长的数字导致字段超长，另外min属性和max属性也只是限制输入框右边箭头调整的范围，根本无法限制住手动输入数值的范围，以及还可以输入“e”，“+”，“-”字符等问题。下面就来一一解决。

input type number maxlength

mixcoding的博客

07-09

189

input type为数字(number)类型时maxlength属性不起作用 js解决方案 <input type="number" name="phone" id="getCode" placeholder="请填写手机号码" maxlength='11'> $('#getCode').bind('input propertychange', function () { if ($(this).attr("type") == "number") { /

el-input设置max、min无效的解决方案

qq_71214810的博客

03-14

5568

max和min主要是用于设置最大值和最小值的，但是呐，如果你只使用max及min是没有效果的不用el-form表单来验证处理的情况下，举例了下面几种方式：

在input输入框type等于number的时候,我设置的maxLength失效了

业余前端的职业经历

04-23

1499

首先当你设置maxLength的时候，那么就是肯定没有搞清他的这个含义了,maxLength 是针对文本的输入情况的当你把input:type =number的时候他就用过了地方了可以通过js来控制哈 <input type="number"> 下面就是js代码 var maxLength=6; var input=document.querySele...

input 属性为 number，maxlength不起作用如何解决？