Angular限制input框输入金额(是小数的话只保留两位小数点)


Posted in Javascript onJuly 13, 2017

需求

输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。

js判断部分:

checkInput: function (event) { 
var id = event.target.getAttribute(“id”);//获取input的id 
var reg = /^[-?\d]+(.)?(\d{1,2})?/;//匹配正则while(!reg.test(('#' + id).val()) && (‘#' + id).val() != “”) {('#' + id).val(scope.checkStr((‘#' + id).val()));//判断输入的内容是不是除了‘-'、‘小数点'、‘数字',不是的情况输入框内容不会保存。 
} 
}, 
//检查是否符合金额格式:只能输入数字且最多保留小数点后两位 
checkStr: function (str) { 
str = str.substring(0, str.length - 1); 
return str; 
}

html:

<input type="text" required class="form-control input- 
margin- btm20 input-common input-width250" 
ng-model="addNewuser.fee" 
placeholder="请保留小数点后两位" ng-keyup="checkInput($event)>

以上所述是小编给大家介绍的Angular限制input框输入金额(是小数的话只保留两位小数点),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
firefox中用javascript实现鼠标位置的定位
Jun 17 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
jsp+javascript打造级连菜单的实例代码
Jun 14 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
浅谈Javascript数组的使用
Jul 29 Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 Javascript
js如何获取网页所有图片
May 12 Javascript
vue组件name的作用小结
May 23 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
js实现图片上传预览原理分析
Jul 13 #Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 #Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 #Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 #Javascript
解决Vue页面固定滚动位置的处理办法
Jul 13 #Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
Jul 13 #Javascript
Angular如何引入第三方库的方法详解
Jul 13 #Javascript
You might like
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
Vuex简单入门
2017/04/19 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
2020/09/16 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
python 读写、创建 文件的方法(必看)
2016/09/12 Python
python实现Flappy Bird源码
2018/12/24 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
使用python快速实现不同机器间文件夹共享方式
2019/12/22 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
社区工作者感言
2014/03/02 职场文书
最新结婚典礼主持词
2014/03/14 职场文书
工程售后服务承诺书
2014/05/21 职场文书
高三教师工作总结2015
2015/07/21 职场文书
学生安全责任协议书
2016/03/22 职场文书
深入理解python多线程编程
2021/04/18 Python
Node与Python 双向通信的实现代码
2021/07/16 Javascript