金额输入框输入数字不允许输入中文、英文、自带千分位

效果图：

直接上代码

<template><div class="fund"><div class="middle"><div>输入金额</div><div><img :src="$staticPath.getImage('/TransPages/rmb-icon.png')" alt="" /><van-field class="van-field" v-model="input_amount" type="number" maxlength="14" /></div></div></div>
</template><script>
export default {data() {return {input_amount: '' //输入的金额};},beforeCreate() {},methods: {// 格式化金额Formatmoney(money) {money = money.toString();let m = money.split('.');let len = m[0].length;if (len <= 3) {return money;} else {let remainder = len % 3;if (remainder > 0) {money =money.slice(0, remainder) + ',' + money.slice(remainder, len).match(/\d{3}/g).join(',');if (m.length > 1) {money = money + '.' + m[1];}return money;} else {money = money.slice(0, len).match(/\d{3}/g).join(',');if (m.length > 1) {money = money + '.' + m[1];}return money;}}}},watch: {// 监听用户输入的金额是否超过单笔限额 以及 监听输入数字后按钮变亮逻辑input_amount() {if (this.input_amount != '') {if (this.input_amount.indexOf(',') > 0) {let new_input = this.input_amount.split(',');let ni = '';for (let k = 0; k < new_input.length; k++) {ni += new_input[k];}this.input_amount = ni;}console.log(this.input_amount);this.input_amount = this.input_amount.match(/^\d*(\.?\d{0,2})/g)[0] || null;if (this.input_amount.indexOf('.') < 0) {this.input_amount = parseFloat(this.input_amount);}var input = this.input_amount.toString().split('.');if (input.length == 1 && input[0].length > 9) {this.input_amount = input[0].substring(0, 9);}} else {this.input_amount = '';}this.input_amount = this.Formatmoney(this.input_amount);}},filters: {}
};
</script><style lang="less" scoped>
.fund {background-color: #fdfbfb;font-family: PingFangSC-Regular, PingFang SC;overflow: hidden;
}
.middle {background-color: white;height: 96px;border-radius: 5px;margin: 3%;box-shadow: 0 1px 10px 0 rgba(145, 90, 54, 0.11);position: relative;> div:nth-child(1) {padding: 15px 4% 0;font-size: 15px;color: #666666;font-family: PingFangSC-Medium, PingFang SC;font-weight: 700;color: #212b35;}> div:nth-child(2) {margin: 10px 3% 10px 3%;display: flex;height: 44%;align-items: center;> img {height: 18px;z-index: 9;}}
}
</style>
<style></style>

金额输入框输入数字不允许输入中文、英文、自带千分位相关推荐

从键盘输入数字，当输入1~7时，输出“星期一~星期日”，若输入0，则结束程序
//从键盘输入数字,当输入1~7时,输出"星期一~星期日",若输入0,则结束程序 for (int i = 1; i < 8; i++) { ...
格式金额，默认保留两位小数，并格式化为千分位
项目场景: 商城类项目中大多需要格式化金额,后缀保留两位小数,并且千元之后加上千分位符号例子:32,131.00 这种金额,贴上js代码,可以新建一个js引用就行解决方案: //格式金额,默认保留 ...
只让输入数字、字母、中文的输入框
1.输入框只能输入字母和下横线的正则表达式 <input type="text" onkeyup="this.value=this.value.replace(/[ ...
java文本框输入数字_Java 文本框输入数字限制以及输入数字大小限制
问题: 之前我有一篇博文也写了这个问题,也是使用的字符串来控制文本框的输入数字不过,那篇博文给的方法只能限制数字输入,以及数字输入长度的限制今天给出可以限制输入数字大小的方法,例如:希望输入的数字 ...
js 正则限制 input 只能输入数字，不能输入特殊符号，保留两位小数等效果
限制只能输入数字,小数点只保留2位,限制不能输入空格 <div id="app"><input type="text" v-model=&qu ...
java怎么系统输入数字_java怎么输入数字，这些经验不可多得
相对于其它语言的输入输出,Java的显得有点繁琐了,这一点对于初学java的朋友尤为明显.那么这里分享下Java输入数字的方法. 工具/材料 eclipse 操作方法 01 java的Scanner类 ...
python3 输入数字_python怎么输入数字
在编程中,经常使用数字来记录游戏得分.表示可视化数据.存储Web应用信息等.Python根据数字的用法以不同的方式处理它们.鉴于整数使用起来最简单,下面就先来看看 Python是如何管理它们的. 今天 ...
设置input框只能输入数字或者只能输入英文
οnkeyup="this.value=this.value.replace(/\D/g,' ')" //只能输入数字若是在vue中可用οninput="this.va ...

金额输入框输入数字不允许输入中文、英文、自带千分位

金额输入框输入数字不允许输入中文、英文、自带千分位相关推荐

最新文章

热门文章