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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
Stop SQL Server
Jun 21 Javascript
javascript网页关闭时提醒效果脚本
Oct 22 Javascript
javascript 函数速查表
Feb 07 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
Apr 23 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 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 作用域解析运算符(::)
2010/07/27 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
不同浏览器的怪癖小结
2010/07/11 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
jquery常用技巧及常用方法列表集合
2011/04/06 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
2013/12/14 Javascript
node.js中的fs.truncateSync方法使用说明
2014/12/15 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
js的三种继承方式详解
2017/01/21 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
python基础教程之自定义函数介绍
2014/08/29 Python
Python实现的矩阵类实例
2017/08/22 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
python使用knn实现特征向量分类
2018/12/26 Python
Python3实现取图片中特定的像素替换指定的颜色示例
2019/01/24 Python
解决Python中回文数和质数的问题
2019/11/24 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
逻辑链路控制协议
2016/10/01 面试题
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
迅雷Cued工作心得体会
2014/01/27 职场文书
社区工作者演讲稿
2014/05/23 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
离婚案件上诉状
2015/05/23 职场文书
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS
如何Tomcat中使用ipv6地址
2022/05/06 Servers