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+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
jquery动态增加删减表格行特效
Nov 20 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
jQuery实现页面顶部下拉广告
Dec 30 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
Vue脚手架编写试卷页面功能
Mar 17 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
php+mysql实现无限级分类
2015/11/11 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
基于bootstrop常用类总结(推荐)
2017/09/11 Javascript
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
vue实现键盘输入支付密码功能
2018/08/18 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
python获取豆瓣电影简介代码分享
2014/01/16 Python
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
python字符串连接的N种方式总结
2014/09/17 Python
Python的标准模块包json详解
2017/03/13 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
python和php哪个容易学
2020/06/19 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
会计专业自荐信范文
2013/12/02 职场文书
社团成立邀请函
2014/01/08 职场文书
会计人员演讲稿
2014/09/11 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
寒山寺导游词
2015/02/03 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
PHP中->和=>的意思
2021/03/31 PHP
python基础之爬虫入门
2021/05/10 Python