angularJS限制 input-text 只能输入数字

最初的目的是为了让输入的字段仅为数字，不要包含英文，理所当然想到了正则表达，比起对每一个字符判断ASCII码要方便的多

JS正则表达式的使用，可以参考正则表达式

以match为例，全局匹配非数字

1 var reg = /\D/g;
2 var str = "abc12def";
3 var result = str.match(reg);  //['abc','def']

结果会以数组的形式展示，因此不难发现，若数组长度为0，则全为数字。

但是，以怎样的形式表达“输入的字符全是数字”比较稳妥？

各有说法，有人认为通过字符过滤，当用户输入非数字时，字符会显示一瞬间然后因为不符合过滤要求被删除。

参考了张志成在知乎上的回答，一种只保留数字的简单写法。

<input type="text" id="text" ng-model="item.attr" ng-keyup="clearNum(item,'attr')">

var app = angular.module("myApp",[]);
app.controller("myCtrl", function ($scope) {$scope.clearNum = function(obj, attr){obj[attr] = obj[attr].replace(/\D/g,"");}
});

但是这样的效果用户体验很糟糕。

未完待续。。。。明天更！

转载于:https://www.cnblogs.com/ijinxin/p/7118604.html

angularJS限制 input-text 只能输入数字相关推荐

限制 input text 只能输入数字
在标签中加上下面代码就可以 οnkeyup="this.value=this.value.replace(/\D/g,")" onafterpaste="thi ...
html判断整数小数点后两位小数点,js控制input框只能输入数字和一位小数点且小数点后面只有两位小数...
js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 212或 0.66; 过滤 00000,1.10,0.00 ...
input输入框只能输入数字，只能输入字母数字组合
input输入框只能输入数字,字母数字组合,汉字等 input里需要控制输入的类型,可以通过onkeyput或oninput对输入的内容进行校验.输入大小写字母.数字.下划线:onkeyup=&quo ...
JS input校验只能输入数字（包括正负数、小数）
今天做项目刚好遇到对input进行校验的问题,就在网上搜索研究了一下,发现目前多数的校验方法都不行或者是不全面,就试着自己写了一个,刚开始选择直接用正则表达式,发现还是高估自己了('_'),世上无难事 ...
input限制只能输入数字，限制输入数字长度或者大小
1.限制只能输入数字方式一 :此方式只能控制输入的内容是数字,不能控制是否是正负数 <input type="number" value=""/> ...
unity 只输入中英数_使用正则限制input框只能输入数字/英文/中文等等
常用HTML正则表达式 1.只能输入数字和英文的: onbeforepaste="clipboardData.setData('text',clipboardData.getData('te ...
正则限制input框只能输入数字,英文等
常用HTML正则表达式 1.只能输入数字和英文的: <input οnkeyup="value=value.replace(/[/W]/g,'') " ...
html input输入框只能输入数字只能输入字母数字组合
1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafte ...
设置input框只能输入数字或者只能输入英文
οnkeyup="this.value=this.value.replace(/\D/g,' ')" //只能输入数字若是在vue中可用οninput="this.va ...
限制input框只能输入数字，加减号也不可以输入
例子:html代码 <input type="number" id="assetId" required name="assetId" ...

angularJS限制 input-text 只能输入数字

angularJS限制 input-text 只能输入数字相关推荐

最新文章

热门文章