html的input的type为number时，maxlenght无效

最新推荐文章于 2024-08-12 15:14:16 发布
最新推荐文章于 2024-08-12 15:14:16 发布
阅读量3.5k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/win_turn/article/details/74217619
版权

问题

当input的type为text时，maxlenght可以起到控制长度的作用。

当input的type为number时，无效。

 

解决办法

以下两种方法任选其一

  1. 可以将type设置为tel
  2. <input type="number" οninput="if(value.length>5)value=value.slice(0,5)" />
win_turn
关注
JavaScript - ＜input＞ 纯数字（type=“number“）输入限制长度、最小值、最大值或多条件同时限制
王佳斌
01-08 4793
前言 当 type 为 number 时，其属性 maxlength / max / min 限制均失效。 如果您的数字输入框想要限制长度或最大（小）值，或多条件同时限制，如下代码所示方法不可行： <input type="number" maxlength="5" max="10" min="0" > 解决方案 实现方法有很多，但应使用 “最简单” 的方式实现。 通过 oninput 事件便可实现（本质就是重新计算结果再返回），如下所示示例代码： <!-- 限制长度 --&g
jqurey表格應用
03-01
"textarea_maxlength.jpg"和"maxlenght.jpg"可能与限制输入文本框（`<textarea>`）字符数有关。在jQuery中，可以监听`keyup`或`input`事件，然后检查输入的长度并给予反馈。例如，限制最多50个字符： ```javascript...
input输入框为数字(number)类型时maxlength属性不起作用
小涛Dirge
11-12 1965
使用html代码解决 <input type="number" maxlength="5" oninput="if(value.length>5)value=value.slice(0,5)" /> 使用js代码解决 //输入框为数字类型时防止maxlength属性不起作用 $('input').bind('input propertychange', function() {...
【vue】el-input当type=“number“时maxlength不生效
最新发布
BigBigHang的博客
08-12 343
【vue】el-input当type="number"时maxlength不生效
input 属性为 number，maxlength不起作用如何解决？
热门推荐
malan_wpf的专栏
03-03 6万+
效果ok，当 时maxlength失效，长度可以无限输入。 解放方案： 5)value=value.slice(0,5)" /> 很简单，搞定！
input type=number maxlength无效
heerey525
11-05 1484
问题：input标签type=number时maxlength属性无效 解释：通过在MDN上搜索得知maxlength属性是控制value的最大长度（最多字符数目），maxlength属性对于type=password, search, tel, text, url，这五种生效，附上链接 解决方案： 其实现在很多的ui框架都会做单独的数字输入框，如iview的<InputNumber/> 还有oninput事件 当长度超过截取 <input type="number" oninput=
input maxlength 属性不起作用
weixin_45438997的博客
08-13 2211
在网页开发中遇到了一个问题，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
解决ElementUI Input 输入框type=“number“时maxlength失效及可以输入字母e的问题
Java学习
04-14 5802
在使用Element前端组件时，发现把Input 输入框的type设置为number时，会造成maxlength属性失效的问题，可以输入很长的数字导致字段超长，另外min属性和max属性也只是限制输入框右边箭头调整的范围，根本无法限制住手动输入数值的范围，以及还可以输入“e”，“+”，“-”字符等问题。下面就来一一解决。
datamodel-code-generator:Pydantic模型生成器，可轻松转换JSON，OpenAPI，JSON Schema和YAML数据源
05-12
支持的来源类型OpenAPI 3（YAML / JSON， ） JSON模式（ / ） JSON / YAML / CSV数据（将转换为JSON模式） Python字典（它将转换为JSON模式） 实施清单 OpenAPI 3和JsonSchema 数据类型字符串（包括patter / ...
关于input type=number时，maxlength失效，如何限制输入位数
m0_67992720的博客
04-10 770
关于input type=number时，maxlength失效
当input为number类型的时候，设置属性maxlength无效的解决方法
Colbru的博客
04-26 748
input用作输入手机号： 要求： 只能输入数字； 最大长度为11位； 最终写法如下： <input type="number" placeholder="请输入手机号码" id="mobile" oninput="if(value.length>11)value=value.slice(0,11)" /> 注意点1： 如果是手机端，无法实现选中input的时候，就直接跳出数字键盘， 所以type 必须是 number。 注意点2： 最大长度属性无效 新增代码：oninput=”
解决：input框当type为number时maxlength失效
Ariel的博客
02-21 2471
慕客网标明的用法是适用type为text和passswod的 当我input框设置type为number的时候怎么限制输入长度呢？使用outinput就可以啦 &lt;input type="number" name="phone" id="phone" value="phone" oninput="if(value.length&gt;11)value=value.slice(0,11)"
input输入框type设置为number，maxlength无效
gs981600308的博客
07-31 1万+
结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效 一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。 然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？ 这里我先说一下inp...
input 的type类型为number时， maxlength无效的解决办法
ru2234567的博客
11-08 138
解决方法： <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" />
input 属性为 number，设置maxlength长度
weixin_41262185的博客
10-08 1445
一般情况下，标签内直接加maxlength=“具体数值”属性即可，当type=“number”时maxlength则不生效。 以下为例子解说 <input type="text" maxlength="11" /> 此时能达到限定效果， 当<input type="number" maxlength="11" />时 maxlength失效，长度可以无限输入。 解决方案...
input type number maxlength
mixcoding的博客
07-09 191
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") { /
解决input标签设置type = “number” 时，maxlength失效的问题
想好了再写！
02-07 888
解决input标签设置type = "number" 时，maxlength失效的问题。
限制input[type=number]的输入位数策略整理
敲代码的Lee
03-23 1万+
当我们使用类型number的input输入框的时候，我们可能需要限制输入的位数，这个时候通常会想到maxlength，但是maxlength是在number类型的时候是不支持的，下面是一些解决这种问题的方法： max和min max和min是number输入框所支持的，这样如果我们要限制输入11位的手机号码，就可以用如下代码： &lt;input type="number" max="9...
解释这段代码：for /f "usebackq delims=" %%i in ("%file%") do ( set "line=%%i" set "line=!line:~1!" set "length=!line!" set /a addzeros=maxlength-length set "zeros=0" for /l %%j in (1,1,!addzeros!) do ( set "zeros=!zeros!0" ) set "line=!zeros!!line!"
06-07
这段代码同样是一个批处理脚本中的循环语句，用于读取一个文件的每一行，然后将每一行前面填充0，使其总长度达到文件中最长行的长度。具体解释如下： 首先，该语句使用for /f循环语句，其中"usebackq delims="表示读取文件时不忽略引号，并且不使用分隔符。变量%%i表示每次循环中读取的一行内容，变量file是文件路径。 在循环体中，首先将变量line的值设置为%%i，然后使用字符串截取语法!line:~1!来去掉line字符串的第一个字符。这是因为在读取文件时，windows会自动在每一行的开头添加一个换行符，所以需要去掉这个字符。 接下来，将变量length的值设置为变量line的长度，然后计算需要填充的0的数量，即文件中最长行的长度与当前行长度的差值。计算方法是使用set /a命令，将maxlenght-length的结果赋值给变量addzeros。 接着，将变量zeros的值设置为0，然后使用for /l循环语句，在循环体中每次将字符串变量zeros的值附加一个0，循环次数为addzeros。这样循环addzeros次后，字符串zeros的值就是长度为addzeros的由0组成的字符串。 最后，将字符串变量line的值和字符串变量zeros的值拼接起来，组成一个新的字符串赋值给变量line。这样就实现了将每一行前面填充0，使其总长度达到文件中最长行的长度的目的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值