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 相关文章推荐
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
jQuery选择器基础入门教程
May 10 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
react写一个select组件的实现代码
Apr 03 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
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各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
jquery插件制作教程 txtHover
2012/08/17 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
Underscore.js 1.3.3 中文注释翻译说明
2015/06/25 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
python3编写C/S网络程序实例教程
2014/08/25 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
TensorFlow 滑动平均的示例代码
2018/06/19 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
Python获取网段内ping通IP的方法
2019/01/31 Python
Python list运算操作代码实例解析
2020/01/20 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
新闻专业个人求职信
2013/12/19 职场文书
2014年自我评价
2014/01/04 职场文书
大型演出策划方案
2014/05/28 职场文书
办公室班子四风问题对照检查材料
2014/10/04 职场文书
教师业务学习材料
2014/12/16 职场文书
毕业典礼主持词
2015/06/29 职场文书
2016秋季运动会前导词
2015/11/25 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python