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 性能优化手册 推荐
Feb 23 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
JavaScript多并发问题如何处理
Oct 28 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
微信小程序select下拉框实现源码
Nov 08 Javascript
Javascript中的this,bind和that使用实例
Dec 05 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 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数组函数
2008/08/18 PHP
PHP生成器简单实例
2015/05/13 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
JS Array对象入门分析
2008/10/30 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
jQuery基于Ajax方式提交表单功能示例
2017/02/10 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
JS实现手写 forEach算法示例
2020/04/29 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
《守株待兔》教学反思
2014/03/01 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
办公室主任四风问题对照检查材料思想汇报
2014/09/28 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
安全先进班组材料
2014/12/26 职场文书
小学元宵节活动总结
2015/02/06 职场文书
2015年第十五个全民国防教育日宣传活动方案
2015/05/06 职场文书
2019年让高校“心动”的自荐信
2019/03/25 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL