1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 限制input输入长度与内容

限制input输入长度与内容

时间:2020-12-07 22:08:42

相关推荐

限制input输入长度与内容

1、限制输入长度

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

<input type="number" oninput="f(value.length>6)value=value.slice(0,4)">

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

<input type="text" placeholder="只能输入六个字符" maxlength="6">

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

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

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

<input type="text" placeholder="只能输入数字" onkeyup="value=value.replace(/[\D]/g,'')">

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

<input type="text" placeholder="只能输入数字" onchange="value=value.replace(/[\D]/g,'')">

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

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

<input type="text" placeholder="只能输入数字" oninput="value=value.replace(/[\D]/g,'')">

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。