文本框限制只能输入数字

限制文本框只能输入数字

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

oninput="value = Math.abs(this.value);"   作用:输出输入值的绝对值  缺点:输入小数提示英文
oninput="validity.valid||(value='');"     作用:只能输入数字     缺点:但是可以输入小数点和减号
onkeypress="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]*">   两者都是验证数字,保证只能输入数字

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

posted @ 2019-08-22 08:41  草莓罐头  阅读(1736)  评论(0编辑  收藏  举报