码迷,mamicode.com
首页 > Web开发 > 详细

angularjs中的验证input输入框只能输入数字和小数点

时间:2017-08-16 09:54:02      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:target   inpu   bsp   learn   页面   cti   java   $#   javascrip   

百度的资料:自己记录看下

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输入框只能输入数字和小数点

标签:target   inpu   bsp   learn   页面   cti   java   $#   javascrip   

原文地址:http://www.cnblogs.com/historylyt/p/7371435.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!