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输入框限制输入英文,数字,汉字

购物车中的input输入框只能输入数字和输入为0的时候默认为1

angularjs 自定义指令控制input只能输入数字和字母

input各种输入验证

如何用jquery验证文本框只能输入字母数字和下划线

如何根据AngularJS中的不同组合框值在输入字段上设置maxlength?