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 相关文章推荐
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
JS不间断向上滚动效果代码
Dec 25 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
jQuery队列操作方法实例
Jun 11 Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 Javascript
vue-cli单页应用改成多页应用配置详解
Jul 14 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
JavaScript中关于class的调用方法
Nov 28 Javascript
这15个Vue指令,让你的项目开发爽到爆
Oct 11 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
人大复印资料处理程序_输入篇
2006/10/09 PHP
用header 发送cookie的php代码
2007/03/16 PHP
逆序二维数组插入一元素的php代码
2012/06/08 PHP
PHP计数器的实现代码
2013/06/08 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
关于COOKIE个数与大小的问题
2011/01/17 Javascript
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
文本域中换行符的替换示例
2014/03/04 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
python使用百度翻译进行中翻英示例
2014/04/14 Python
python实现机器人行走效果
2018/01/29 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2018/10/22 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
python里运用私有属性和方法总结
2019/07/08 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
Python数据可视化图实现过程详解
2020/06/12 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
西雅图的买手店:Totokaelo
2019/10/19 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
怎样声明接口
2014/09/19 面试题
一套VC试题
2015/01/23 面试题
酒店个人求职信范文
2014/01/25 职场文书
党校培训自我鉴定
2014/02/01 职场文书
开幕式邀请函
2015/01/31 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技