输入框用正则限制只能输入数字

橙子yq

已于 2024-06-25 09:33:06 修改

阅读量125

点赞数 2

文章标签： vue.js javascript 前端

于 2024-06-07 13:59:20 首次发布

本文链接：https://blog.csdn.net/m0_49031950/article/details/139525132

版权

v.replace(/[^\d.]/g,'').replace(/\.{2,}/g, '.').replace(/^(\d+)\.(\d\d).*$/, '$1.$2')

<el-input  @input="(v) => (money = v.replace(/[^\d.]/g,'').replace(/\.{2,}/g, '.').replace(/^(\d+)\.(\d\d).*$/, '$1.$2'))"
                            placeholder="请输入费用" v-model="money"></el-input>

// 判断输入的内容是否符合金额格式
			const validateAmount = (amount : any) => {
				// 金额正则表达式（整数或小数均可，小数最多两位）
				const regExp = /^\d+(\.\d{1,2})?$/;
				// 判断输入的内容是否符合金额格式
				return regExp.test(amount);
			}