限制input输入长度与内容

浅浅的花香味﹌ 2022-12-04 09:21 283阅读 0赞

1、限制输入长度

  • 如果输入的是数字(type是number类型),通过监听input事件再通过slice进行截取限制长度

  • 如果输入的是文字或者字符(type是text、password和tel类型),就会有一个maxlength属性进行限制长度

tel类型的input在ios上会调出全数字键盘,而number类型的input则会调出带有标点符号的键盘。

2、限制输入内容:限制input输入为纯数字

  • οnkeyup=“value=value.replace(/[\D]/g,’’)”

  • οnchange=“value=value.replace(/[\D]/g,’’)”

onkeyup是在键盘抬起的时候触发,onchange是在input输入框失焦的时候触发,会发现虽然目的达到了,但是显示效果不太好。

  • 更好的方法就是使用:οninput=“value=value.replace(/[\D]/g,’’)”

发表评论

表情:
评论列表 (有 0 条评论,283人围观)

还没有评论,来说两句吧...

相关阅读