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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
DOM 基本方法
Jul 18 Javascript
MooBox 基于Mootools的对话框插件
Jan 20 Javascript
js星星评分效果
Jul 24 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
关于Javascript中document.cookie的使用
Mar 08 Javascript
vue.js 初体验之Chrome 插件开发实录
May 13 Javascript
vue-cli中使用高德地图的方法示例
Mar 28 Javascript
微信小程序开发技巧汇总
Jul 15 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
php 无限级分类 获取顶级分类ID
2016/03/13 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
vue项目中添加单元测试的方法
2018/07/21 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
Python struct.unpack
2008/09/06 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
Python实战之制作天气查询软件
2019/05/14 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
2016新年慰问信范文
2015/03/25 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis