angularjs中的验证input输入框只能输入数字和小数点
Posted 六一儿童节
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs中的验证input输入框只能输入数字和小数点相关的知识,希望对你有一定的参考价值。
百度的资料:自己记录看下
把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输入框只能输入数字和小数点的主要内容,如果未能解决你的问题,请参考以下文章
购物车中的input输入框只能输入数字和输入为0的时候默认为1