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中获取下个月一号,是星期几
Jun 01 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
Jun 21 Javascript
js获取系统的根路径实现介绍
Sep 08 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
Angular的$http与$location
Dec 26 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
浅谈Vuejs Prop基本用法
Aug 17 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
JS实现商品橱窗特效
Jan 09 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 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.NET的入门教程
2006/10/09 PHP
phpMyadmin 用户权限中英对照
2010/04/02 PHP
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
php自定义函数实现二维数组按指定key排序的方法
2016/09/29 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
2010/05/06 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
JQuery实现表格动态增加行并对新行添加事件
2014/07/30 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
2017/06/13 Javascript
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
python中使用enumerate函数遍历元素实例
2014/06/16 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
pycharm修改file type方式
2019/11/19 Python
python+OpenCV实现图像拼接
2020/03/05 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
Ratchet 模态框的实现
2020/08/19 HTML / CSS
档案接收函
2014/01/13 职场文书
小学教研工作制度
2014/01/15 职场文书
幼儿园运动会入场词
2014/02/10 职场文书
商务助理求职信范文
2014/04/20 职场文书
高中教师考核方案
2014/05/18 职场文书
领导工作表现评语
2015/01/04 职场文书
python tkinter实现定时关机
2021/04/21 Python
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android