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 相关文章推荐
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
js闭包实现按秒计数
Apr 23 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
chrome调试javascript详解
Oct 21 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
浅谈javascript的闭包
Jan 23 Javascript
vue实现div单选多选功能
Jul 16 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 Javascript
Vue仿百度搜索功能
Dec 28 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中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
ionic中列表项增加和删除的实现方法
2017/01/22 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
AngularJS 表单验证手机号的实例(非必填)
2017/11/12 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
Bootstrap 中data-[*] 属性的整理
2018/03/13 Javascript
详解vue-cli3使用
2018/08/14 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
Python中实现常量(Const)功能
2015/01/28 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
python+flask实现API的方法
2018/11/21 Python
django 类视图的使用方法详解
2019/07/24 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
python实现udp聊天窗口
2020/03/31 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
英语专业个人求职自荐信
2013/09/21 职场文书
生物化工专业个人自荐信
2013/09/26 职场文书
给面试官的感谢信
2014/02/01 职场文书
小学社会实践活动总结
2014/07/03 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL
mysql数据库实现设置字段长度
2022/06/10 MySQL