当前位置:首页 > 日记 > 正文

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

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

需求

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

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框输入金额(是小数的话只保留两位小数点),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

excel表格双行工资条如何制作

excel表格双行工资条如何制作

制作方法,工资条,表格,电脑软件,excel,  Excel中单行工资条的制作方法&rdquo;中详细介绍了单行工资条的制作。在本文我们,在来看看双行工资条的制作方法。以下是小编为您带来的关于excel 双行工资条制作方法,希望对您有所帮助。excel 双行…

AI超详细教程:手把手教你绘制复古

AI超详细教程:手把手教你绘制复古

详细教程,绘制,掌机,手把手教你,复古风,编者按:今天的教程特别适合新手,都是基础知识,而且步骤特别细致,软件小白也可以轻松学会。效果图:主要过程:12 3 4 阅读全文1 23 4 阅读全文1 2 34 阅读全文教程结束,以上就是AI超详细教程:手把手教你绘…

在Excel2016表格中怎么样调整图表

在Excel2016表格中怎么样调整图表

调整,图表,大小,表格,电脑软件,  我们在Excel中插入图表之后,往往因为图表的大小过大或者过小而对图表进行调整,在Excel2016中调整图表大小的方法有很多种。以下是小编为您带来的关于Excel 2016中调整图表大小,希望对您有所帮助。Excel 2016…

jQuery实现的粘性滚动导航栏效果实

jQuery实现的粘性滚动导航栏效果实

源码下载,导航栏,实例,效果,电脑软件,本文实例讲述了jQuery实现的粘性滚动导航栏效果。分享给大家供大家参考,具体如下:粘性滚动是当导航在滚动过程中会占粘于浏览器上,达到方便网站页面浏览的效果,也是一种用户体验,下面我们看一下是怎么实现的…

安装vue-cli报错 -4058 的解决方法

安装vue-cli报错 -4058 的解决方法

解决方法,安装,报错,电脑软件,vue,本人在安装vue脚手架时报这样的错,我访问了漫山遍野还是没找到答案,有人叫我用cnpm安装,但是cnpm安装的vue有好多坑在里面:npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Ro…

AI制作漂亮的彩虹英文字母logo教程

AI制作漂亮的彩虹英文字母logo教程

教程,彩虹,英文字母,漂亮,电脑软件,版权申明:本文原创作者&ldquo;酷九设计&rdquo;,感谢&ldquo;酷九设计&rdquo;的原创经验分享!字母LO在电商,或者一些食品、婴儿用品、玩具类的领域越来越流行,这篇教程就教的AI学习者们使用AI制作漂亮的彩虹英文…

JavaScript中的FileReader预览上传

JavaScript中的FileReader预览上传

功能实现,上传,代码,电脑软件,JavaScript,关于filereader图片预览上传功能的实现代码如下所示:html:<div style="width:200px;height:200px;"> <label for="ceshi" style="display:block;"> <img style="width:200px;height:200px;…

实用篇:PS合成的五个要点

实用篇:PS合成的五个要点

要点,电脑软件,PS,PS最大的强项就是合成,图片合成。那么在实际工作中,的朋友们是否觉得做合成打开PS之后无处下手,做完之后总觉得缺少故事情节?或者说做完之后感觉作品不真实,总是少了那么一点味道。如果您有这些问题,那么这篇"PS图片合成的五个…

PS怎么给制作监控录像效果?

PS怎么给制作监控录像效果?

录像,效果,电脑软件,PS,教程学习如何用Photoshop制作非常逼真的安防摄像头效果,很容易实现,主要使用了一些滤镜 调整层以及自定义图案命令。效果如如下:软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、…

PS鼠绘写实风格棒棒糖基础教程

PS鼠绘写实风格棒棒糖基础教程

棒棒糖,基础教程,风格,电脑软件,PS,写实风格的棒棒糖制作教程,接下来主要分享ps对棒棒糖的基础绘制部分,基础绘制通常锻炼我们对钢笔工具、画笔工具、路径选择工具和一些基础光影效果的熟练应用,对后期我们学习字体设计、产品修图有着显著的帮…

Excel中表格进行设置只读的操作技

Excel中表格进行设置只读的操作技

设置,只读,操作技巧,表格,操作步骤,  想把excel工作表设置为只读模式,那么该怎么操作呢?今天,小编就教大家在Excel中表格进行设置只读的操作技巧。Excel中表格进行设置只读的操作步骤首先我们先打开excel工作表,打开之后单击工作表左上角的o…