Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）
更新时间：2017年08月16日 09:33:53 作者：六一儿童节
这篇文章主要介绍了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输入框只能输入数字和小数点的写法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
举例详解AngularJS中ngShow和ngHide的使用方法
这篇文章主要介绍了举例详解AngularJS中ngShow和ngHide的使用方法,AngularJS是一款非常热门的JavaScript框架,需要的朋友可以参考下2015-06-06
AngularJs Using $location详解及示例代码
本文主要介绍AngularJs Using $location的知识资料，这里整理了相关的资料，及简单示例代码，有兴趣的小伙伴可以参考下2016-09-09
这篇文章主要介绍了AngularJS基础知识笔记之表格的相关资料,需要的朋友可以参考下2015-05-05
angular中的http拦截器Interceptors的实现
本篇文章主要介绍了angular中的http拦截器Interceptors的实现的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-02-02
这篇文章主要给大家介绍了关于angular浏览器兼容性问题的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者使用angular具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-07-07
下面小编就为大家带来一篇angularjs中的$eval方法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了Angularjs按需查询实例代码,需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了angular.js购物车功能的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要介绍了在 Angular中 使用 Lodash 的方法,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了详解angular部署到iis出现404解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
最新评论