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 相关文章推荐
取选中的radio的值
Jan 11 Javascript
JavaScript的类型简单说明
Sep 03 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 Javascript
javascript动态设置样式style实例分析
May 13 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
React diff算法的实现示例
Apr 20 Javascript
Bootstrap4 gulp 配置详解
Jan 06 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
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测试程序运行时间的类
2012/02/05 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
使用PHP开发留言板功能
2019/11/19 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
jquery 简单导航实现代码
2009/09/11 Javascript
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
Python对列表中的各项进行关联详解
2017/08/15 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
中医药大学市场营销专业自荐信
2013/09/29 职场文书
最新党员的自我评价分享
2013/11/04 职场文书
根叔历年演讲稿
2014/05/20 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
基层党建工作简报
2015/07/21 职场文书
React更新渲染原理深入分析
2022/12/24 Javascript