欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)

程序员文章站 2022-09-08 13:29:39
把js的验证方法改成angular可使用的方法 angularjs文件的写法: $scope.clearnonum = function(obj,attr)...

把js的验证方法改成angular可使用的方法

angularjs文件的写法:

$scope.clearnonum = function(obj,attr){
//先把非数字的都替换掉,除了数字和.
obj[attr] = obj[attr].replace(/[^\d.]/g,"");
//必须保证第一个为数字而不是.
obj[attr] = obj[attr].replace(/^\./g,"");
//保证只有出现一个.而没有多个.
obj[attr] = obj[attr].replace(/\.{2,}/g,"");
//保证.只出现一次,而不能出现两次以上
obj[attr] = obj[attr].replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}

页面:

<input type="text" name="chargeid2" ng-model="item.chargeid2" ng-keyup="clearnonum(item,'chargeid2')" placeholder="" class="form-control input-sm" >

总结

以上所述是小编给大家介绍的angularjs中的验证input输入框只能输入数字和小数点的写法,希望对大家有所帮助