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选择器全面总结
Jan 06 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
Oct 04 Javascript
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
JS实现在线ps功能详解
Jul 31 Javascript
Vue.set 全局操作简单示例
Sep 19 Javascript
Vue之Mixins(混入)的使用方法
Sep 24 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 jQuery
node 版本切换的实现
Feb 02 Javascript
swiper实现导航滚动效果
Dec 13 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设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
List the Codec Files on a Computer
2007/06/18 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
javascript 鼠标拖动图标技术
2010/02/07 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
2015/09/15 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
jQuery、zepto、js常用小技巧
2017/02/12 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
Python中实现结构相似的函数调用方法
2015/03/10 Python
浅谈Python中的作用域规则和闭包
2018/03/20 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
Python内存管理实例分析
2019/07/10 Python
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
瑜伽国际:Yoga International
2018/04/18 全球购物
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
Zavvi西班牙:电子游戏、极客服装、Blu-ray、Funko Pop等
2019/05/03 全球购物
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
《落花生》教学反思
2014/02/25 职场文书
结对共建协议书
2014/08/20 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
中学生运动会广播稿
2015/08/19 职场文书