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 相关文章推荐
js获取元素在浏览器中的绝对位置
Jul 24 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
Java File类的常用方法总结
Mar 18 Javascript
JS实现页面载入时随机显示图片效果
Sep 07 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
Dec 08 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 Javascript
微信小程序绑定手机号获取验证码功能
Oct 22 Javascript
Vue extend的基本用法(实例详解)
Dec 09 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
Feb 06 Javascript
Vue深入理解插槽slot的使用
Aug 05 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开发过程中常用函数收藏
2009/12/14 PHP
php 学习资料零碎东西
2010/12/04 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
JS简单操作select和dropdownlist实例
2014/11/26 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
Pandas分组与排序的实现
2019/07/23 Python
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
python画环形图的方法
2020/03/25 Python
python实现数字炸弹游戏程序
2020/07/17 Python
Python基于locals返回作用域字典
2020/10/17 Python
python 用pandas实现数据透视表功能
2020/12/21 Python
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
阿波罗盒子:Apollo Box
2017/08/14 全球购物
客服工作职责
2013/12/11 职场文书
创先争优活动承诺书
2014/08/30 职场文书
入党积极分子群众意见
2015/06/01 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python