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 Ajax提交表单查询获得数据实例代码
Sep 19 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 Javascript
JavaScript 深层克隆对象详解及实例
Nov 03 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
详谈$.data()的用法和作用
Feb 13 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
JavaScript数组的5种迭代方法
Sep 29 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 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 cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
js 调整select 位置的函数
2008/02/21 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
jquery学习笔记二 实现可编辑的表格
2010/04/09 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
jquery 操作两个select实现值之间的互相传递
2014/03/07 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
JavaScript中日期的相关操作方法总结
2015/10/24 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
Vue+axios 实现http拦截及路由拦截实例
2017/04/25 Javascript
vue中添加mp3音频文件的方法
2018/03/02 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
深入浅出了解Node.js Streams
2019/05/27 Javascript
javascript实现简单打字游戏
2019/10/29 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
实习期自我鉴定
2013/10/11 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
加强作风建设心得体会
2014/10/22 职场文书
公司感谢信范文
2015/01/22 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang