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 相关文章推荐
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
jQuery实现精美的多级下拉菜单特效
Mar 14 Javascript
js倒计时简单实现方法
Dec 17 Javascript
js实现消息滚动效果
Jan 18 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
简单的Vue SSR的示例代码
Jan 12 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
vue 输入电话号码自动按3-4-4分割功能的实现代码
Apr 30 Javascript
微信小程序自定义底部弹出框动画
Nov 18 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP 高手之路(一)
2006/10/09 PHP
PHP判断远程图片是否存在的几种方法
2014/05/04 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
PHP递归遍历文件夹去除注释并压缩php源代码的方法示例
2018/05/23 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
javascript Select标记中options操作方法集合
2008/10/22 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
2017/02/23 Javascript
js禁止浏览器页面后退功能的实例(推荐)
2017/09/01 Javascript
JS中跳出循环的示例代码
2017/09/14 Javascript
基于webpack.config.js 参数详解
2018/03/20 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
vue router 传参获取不到的解决方式
2019/11/13 Javascript
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
Django实现表单验证
2018/09/08 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
基于Python实现天天酷跑功能
2021/01/06 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
环境科学专业个人求职的自我评价
2013/11/28 职场文书
优秀研究生自我鉴定
2013/12/04 职场文书
土地租赁意向书
2014/07/30 职场文书
农业生产宣传标语
2014/10/08 职场文书
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫