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 相关文章推荐
top.location.href 没有权限 解决方法
Aug 05 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
js实现二级菜单点击显示当前内容效果
Apr 28 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
在vue中封装的弹窗组件使用队列模式实现方法
Jul 23 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 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学习之PHP变量
2006/10/09 PHP
PHP的中问验证码
2006/11/25 PHP
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
JavaScript 模仿vbs中的 DateAdd() 函数的代码
2007/08/13 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
Python异常处理总结
2014/08/15 Python
Python自定义主从分布式架构实例分析
2016/09/19 Python
python机器学习之随机森林(七)
2018/03/26 Python
Python中字符串List按照长度排序
2019/07/01 Python
python移位运算的实现
2019/07/15 Python
Python 解析简单的XML数据
2020/07/24 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
Django实现随机图形验证码的示例
2020/10/15 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
汽车工程专业应届生求职信
2013/10/19 职场文书
毕业生个人求职信范文分享
2014/01/05 职场文书
《乌塔》教学反思
2014/02/17 职场文书
教师对学生的评语
2014/04/28 职场文书
师德师风自查材料
2014/10/14 职场文书
党支部先进事迹材料
2014/12/24 职场文书
红旗渠导游词
2015/02/09 职场文书
导游词范文
2015/02/13 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL