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 相关文章推荐
jQuery获取动态生成的元素示例
Jun 15 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
vue时间格式化实例代码
Jun 13 Javascript
手挽手带你学React之React-router4.x的使用
Feb 14 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
原生JS实现贪吃蛇小游戏
Mar 09 Javascript
javascript实现简单页面倒计时
Mar 02 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 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/10/09 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
Smarty分页实现方法完整实例
2016/05/11 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
2016/06/15 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
python写入xml文件的方法
2015/05/08 Python
python实现QQ邮箱/163邮箱的邮件发送
2019/01/22 Python
详解python中的线程与线程池
2019/05/10 Python
keras实现多种分类网络的方式
2020/06/11 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
周鸿祎:教你写创业计划书
2013/12/30 职场文书
yy生日主持词
2014/03/20 职场文书
《金孔雀轻轻跳》教学反思
2014/04/20 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python