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 拾色器插件发布-jquery.icolor.js
Oct 20 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
Nov 13 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
vue-router相关基础知识及工作原理
Mar 16 Javascript
JS面向对象的程序设计相关知识小结
May 26 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
详解node和ES6的模块导出与导入
Feb 19 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 水平的题目
2007/05/30 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
许愿墙中用到的函数
2006/10/07 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
javaScript arguments 对象使用介绍
2013/10/18 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
分享使用AngularJS创建应用的5个框架
2015/12/05 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
vue实现评论列表功能
2019/10/25 Javascript
python中引用与复制用法实例分析
2015/06/04 Python
Python global全局变量函数详解
2018/09/18 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
Python 如何实现访问者模式
2020/07/28 Python
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
大学生迟到检讨书500字
2014/10/17 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
教师师德表现自我评价
2015/03/05 职场文书
2015年教师节广播稿
2015/08/19 职场文书
python 实现的截屏工具
2021/05/08 Python
springboot中的pom文件 project报错问题
2022/01/18 Java/Android