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中null与undefined分析
Jul 25 Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
Feb 23 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 Javascript
Node使用Selenium进行前端自动化操作的代码实现
Oct 10 Javascript
Vue+Openlayers自定义轨迹动画
Sep 24 Javascript
微信小程序使用前置摄像头拍照
Oct 22 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中实现Javascript的escape()函数代码
2010/08/08 PHP
PHP隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
php创建基本身份认证站点的方法详解
2013/06/08 PHP
使用JavaScript创建新样式表和新样式规则
2016/06/14 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
JSON 学习之完全手册 图文
2007/05/29 Javascript
javascript数组组合成字符串的脚本
2021/01/06 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
基于jquery封装的一个js分页
2011/11/15 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
js实现拉幕效果的广告代码
2015/09/02 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
Python编程产生非均匀随机数的几种方法代码分享
2017/12/13 Python
python机器学习实战之树回归详解
2017/12/20 Python
python实现批量文件重命名
2019/10/31 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
"引用"与多态的关系
2013/02/01 面试题
本科生就业推荐信
2014/05/19 职场文书
Nginx实现会话保持的两种方式
2022/03/18 Servers