input type=‘number’
1⃣️
number类型的框使用maxlength限制输入长度是无效的。
解决:number框需要对长度进行限制(绑定input事件监听--例如 长度最长为5位)
<input type='number' (input)='checkLength(myNumber)' [(ngModel)]='myNumber'>
checkLength(ev){
if (ev + '').length>=5) {
setTimeout(() =>this.myNumber= (ev + '').slice(0, 6), 0);
}
}
2⃣️
number框开头是0会自动处理忽略
3⃣️
number框,非数字会自动不会输入到框中
--------------------------------------------------------------------------------------------------------------------------
input type=‘text’
1⃣️
maxlength=’20’—————支持最大长度的字数限制
2⃣️
text类型需要对数字进行判断筛选
非数字需要进行正则判断(例如)
<input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" style='height:23px;width:120px' >