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 事件队列调整方法
Sep 18 Javascript
让IE6支持min-width和max-width的方法
Jun 25 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
Mar 17 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
AngularJS表单验证功能
Oct 19 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
浅谈vue项目用到的mock数据接口的两种方式
Oct 09 Javascript
微信公众号网页分享功能开发的示例代码
May 27 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
apache mysql php 源码编译使用方法
2012/05/03 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
论Bootstrap3和Foundation5网格系统的异同
2016/05/16 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
简单的js表格操作
2016/09/24 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
JS二分查找算法详解
2017/11/01 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
详解Node 定时器
2018/02/26 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
python利用Guetzli批量压缩图片
2017/03/23 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
python如何使用腾讯云发送短信
2020/09/17 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
美国成衣女装品牌:CHICO’S
2016/09/19 全球购物
ECCO爱步加拿大官网:北欧丹麦鞋履及皮具品牌
2017/07/08 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
马歇尔耳机官网:Marshall Headphones
2020/02/04 全球购物
单位接收函范文
2015/01/30 职场文书
质检员工作总结2015
2015/04/25 职场文书
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技