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 相关文章推荐
BOM与DOM的区别分析
Oct 26 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
Boostrap入门准备之border box
May 09 Javascript
全面解析Bootstrap中transition、affix的使用方法
May 30 Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
Javascript 实现匿名递归的实例代码
May 25 Javascript
node中的session的具体使用
Sep 14 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
Postman参数化实现过程及原理解析
Aug 13 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
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
php+mysql实现无限级分类
2015/11/11 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
浅谈python中np.array的shape( ,)与( ,1)的区别
2018/06/04 Python
python实现俄罗斯方块游戏
2020/03/25 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
python实现飞机大战项目
2020/03/11 Python
详解css3 flex弹性盒自动铺满写法
2020/09/17 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
百丽国际旗下购物网站:优购
2017/02/28 全球购物
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
竞选学生会主席演讲稿
2014/04/24 职场文书
党建工作先进材料
2014/05/02 职场文书
本科毕业生自荐信
2014/06/02 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android