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 学习笔记(五)
Dec 31 Javascript
JQuery 引发两次$(document.ready)事件
Jan 15 Javascript
js函数的延迟加载实现代码
Oct 11 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
浅谈js函数的多种定义方法与区别
Nov 29 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
vue配置多页面的实现方法
May 22 Javascript
了解javascript中let和var及const关键字的区别
May 24 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
Aug 26 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
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
2014/08/18 PHP
php异常处理方法实例汇总
2015/06/24 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
jquery学习笔记二 实现可编辑的表格
2010/04/09 Javascript
基于JQuery制作的产品广告效果
2010/12/08 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
JavaScript数组的一些奇葩行为
2016/01/25 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
node.js express安装及示例网站搭建方法(分享)
2016/08/22 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
javascript实现智能手环时间显示
2020/09/18 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
Vue+element-ui添加自定义右键菜单的方法示例
2020/12/08 Vue.js
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
Python函数中的函数(闭包)用法实例
2016/03/15 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
Python urls.py的三种配置写法实例详解
2017/04/28 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
市场营销毕业生自荐信
2013/11/23 职场文书
40岁生日感言
2014/02/15 职场文书
运动会闭幕式解说词
2014/02/21 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
给朋友的赠语
2015/06/23 职场文书
记一次Mysql不走日期字段索引的原因小结
2021/10/24 MySQL