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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
JavaScript 应用类库代码
Jun 02 Javascript
Javascript 刷新全集常用代码
Nov 22 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
vue.js项目中实用的小技巧汇总
Nov 29 Javascript
Js面试算法详解
Apr 08 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
ios设备中angularjs无法改变页面title的解决方法
Sep 13 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
ES6中定义类和对象的方法示例
Jul 31 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切割页面div内容的实现代码分享
2012/07/31 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
php获取指定数量随机字符串的方法
2017/02/06 PHP
PHP递归的三种常用方式
2019/02/28 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
原生javascript 学习之js变量全面了解
2016/07/14 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
VueJS组件之间通过props交互及验证的方式
2017/09/04 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
Python 异常处理实例详解
2014/03/12 Python
Python中is与==判断的区别
2017/03/28 Python
基于python OpenCV实现动态人脸检测
2018/05/25 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
django 中QuerySet特性功能详解
2019/07/25 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
PREMIUM-MALL法国:行李、箱包及配件在线
2019/05/30 全球购物
英文版销售经理个人求职信
2013/11/20 职场文书
家长会学生家长演讲稿
2013/12/29 职场文书
525心理活动总结
2014/07/04 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
群众路线教育实践活动调研报告
2014/11/03 职场文书
创业计划书详解
2019/07/19 职场文书
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL