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


Posted in Javascript onAugust 16, 2017

把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输入框只能输入数字和小数点的写法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JQuery 获取和设置Select选项的代码
Feb 07 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
Jquery倒数计时按钮setTimeout的实例代码
Jul 04 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
浅谈vue的踩坑路
Aug 31 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
js实现无缝滚动双图切换效果
Jul 09 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
vue的事件绑定与方法详解
Aug 16 #Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 #Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 #Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 #Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 #jQuery
详谈表单重复提交的三种情况及解决方法
Aug 16 #Javascript
详谈js对url进行编码和解码(三种方式的区别)
Aug 16 #Javascript
You might like
PHP 微信支付类 demo
2015/11/30 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
js实现拖拽效果
2015/02/12 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
BootStrap Fileinput上传插件使用实例代码
2017/07/28 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
理解JavaScript中的Proxy 与 Reflection API
2020/09/21 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
Python判断文本中消息重复次数的方法
2016/04/27 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
英国顶级足球鞋的领先零售商:Lovell Soccer
2019/08/27 全球购物
程序员机试试题汇总
2012/03/07 面试题
装修设计师求职信
2014/02/26 职场文书
党员入党表决心的话
2014/03/11 职场文书
体育个人工作总结
2015/02/09 职场文书
2016年母亲节寄语
2015/12/04 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS