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函数
Apr 09 Javascript
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
Aug 23 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
巧用replace将文字表情替换为图片
Apr 17 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
详解Node.js串行化流程控制
May 04 Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
Vue-cli项目部署到Nginx服务器的方法
Nov 01 Javascript
vue中如何添加百度统计代码
Dec 19 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遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
实例讲解PHP表单处理
2019/02/15 PHP
PHP工厂模式的日常使用
2019/03/20 PHP
php实现的顺序线性表示例
2019/05/04 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
详解Bootstrap各式各样的按钮(推荐)
2016/12/13 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
详解Vue.js中.native修饰符
2018/04/24 Javascript
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python两种遍历字典(dict)的方法比较
2014/05/29 Python
python实现得到一个给定类的虚函数
2014/09/28 Python
使用python opencv对目录下图片进行去重的方法
2019/01/12 Python
浅谈python str.format与制表符\t关于中文对齐的细节问题
2019/01/14 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
管理学专业个人求职信范文
2013/09/21 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL