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将相对地址转换为绝对地址示例代码
Jul 19 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
JS实现模拟风力的雪花飘落效果
May 13 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
搞定immutable.js详细说明
May 02 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
Jun 25 Javascript
koa源码中promise的解读
Nov 13 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写MySQL数据 实现代码
2009/06/15 PHP
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
2012/02/23 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JS基于面向对象实现的拖拽功能示例
2016/12/20 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
Vue路由守卫及页面登录权限控制的设置方法(两种)
2020/03/31 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
[45:59]EG vs OG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python pass 语句使用示例
2014/03/11 Python
python实现爬取千万淘宝商品的方法
2015/06/30 Python
浅谈Python类里的__init__方法函数,Python类的构造函数
2016/12/10 Python
使用python模拟命令行终端的示例
2019/08/13 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
关于python中remove的一些坑小结
2021/01/04 Python
浅谈CSS3中display属性的Flex布局的方法
2017/08/14 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
用C或者C++语言实现SOCKET通信
2015/02/24 面试题
我的中国梦演讲稿800字
2014/08/19 职场文书
安全检查汇报材料
2014/12/26 职场文书
自主招生专家推荐信
2015/03/26 职场文书
小学教师岗位职责
2015/04/02 职场文书
法定代表人身份证明书
2015/06/18 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS