文本框限制只能输入数字

限制文本框只能输入数字

用AngularJS中的Validators验证器,会带有英文提示:

οninput="value = Math.abs(this.value);"  　作用:输出输入值的绝对值　　缺点:输入小数提示英文
οninput="validity.valid||(value='');" 　　　　作用:只能输入数字　　　　　缺点:但是可以输入小数点和减号
οnkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57" 　　

作用:监听键盘,限制键盘输入 　　缺点:输入01,提示英文

这是最后决定用的:

1 <div class="form-group">
2      <input type="text" pattern="\d*" maxlength="2" min="0" oninput="validity.valid||(value='');" class="form-control" style="width: 150px" />
3 </div>

<input type="number" pattern="\d">

<input type="number" pattern="[0-9]*"> 　　两者都是验证数字,保证只能输入数字

οninput="validity.valid||(value='');"　　　　用来限制符号和其他字符输入

转载于:https://www.cnblogs.com/Deters/p/11392291.html