Angularjs中的验证input输入框只能输入数字和小数点
编程学习 2021-07-04 18:33www.dzhlxh.cn编程入门
这篇文章主要介绍了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输入框只能输入数字和小数点的写法，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！
上一篇：vue实现留言板todolist功能
下一篇：vue的事件绑定与方法详解