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的仿百度搜索框效果代码
Apr 11 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
Feb 19 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 Javascript
JavaScript中点击事件的写法
Jun 28 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
canvas 实现中国象棋
Feb 17 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
Javascript组合继承方法代码实例解析
Apr 02 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
动易数据转成dedecms的php程序
2007/04/07 PHP
PHP中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
PHPMailer使用QQ邮箱实现邮件发送功能
2017/08/18 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
layui 监听表格复选框选中值的方法
2018/08/15 Javascript
vue使用nprogress实现进度条
2019/12/09 Javascript
原生js实现无缝轮播图
2020/01/11 Javascript
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
Python处理Excel文件实例代码
2017/06/20 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
python正则表达式之对号入座篇
2018/07/24 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
python脚本和网页有何区别
2020/07/02 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
设立有限责任公司出资协议书
2014/11/01 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
vue首次渲染全过程
2021/04/21 Vue.js
nginx设置资源请求目录的方式详解
2022/05/30 Servers