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 相关文章推荐
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
JavaScript iframe的相互操作浅析
Oct 14 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
headjs实现网站并行加载但顺序执行JS
Nov 29 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
全面解析Node.js 8 重要功能和修复
Jun 02 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 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
PHP中的日期加减方法示例
2014/08/21 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
thinkphp 表名 大小写 窍门
2015/02/01 Javascript
jQuery获取this当前对象子元素对象的方法
2016/11/29 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
微信小程序中多个页面传参通信的学习与实践
2017/05/05 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
浅谈React Native Flexbox布局(小结)
2018/01/08 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
vue2 中二级路由高亮问题及配置方法
2019/06/10 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
微信小程序自定义胶囊样式
2020/12/27 Javascript
Python中的类学习笔记
2014/09/23 Python
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
Python将图片转换为字符画的方法
2020/06/16 Python
python 创建一个空dataframe 然后添加行数据的实例
2018/06/07 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
pycharm快捷键汇总
2020/02/14 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
工程资料员岗位职责
2014/03/10 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
保研推荐信
2014/05/09 职场文书
初中班长竞选稿
2015/11/20 职场文书
幼儿园语言教学反思
2016/02/23 职场文书