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