关于input框 限制输入长度记录一次

本文探讨了两种限制HTML input输入框长度的方法。第一种利用oninput事件结合value.slice()方法实时截取超过长度的输入;第二种是通过设置maxlength属性限制最大字符数。这两种方式对于前端表单验证和用户体验优化具有重要意义。
摘要由CSDN通过智能技术生成

关于input框 限制输入长度记录一次


问题描述:input输入框长度限制&非正则表达式

方式一

type = "number"  -> 输入类型

oninput ->{ 

oninput 事件在用户输入时触发。

该事件在 <input><textarea> 元素的值发生改变时触发。

提示: 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen><select> 元素

}
value.slice(start,end)

return ' <input type="number" value="'+value+'" οninput="if(value.length>16)value=value.slice(0,3)" />';

参数描述
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

注:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

具体用法请自行前往官网学习!

方式二

maxlength属性 ->
{
maxlength 属性规定输入字段的最大长度,以字符个数计。

maxlength 属性与 <input type="text"><input type="password"> 配合使用
}
return ' <input type="number" value="'+value+'" maxlength = “长度” />';

原因分析:

你猜???


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值