当前位置: 移动技术网 > IT编程>脚本编程>AngularJs > Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

把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输入框只能输入数字和小数点的写法,希望对大家有所帮助

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网