输入框的金额正则

最新推荐文章于 2024-03-22 18:03:38 发布

白月光和意难平

最新推荐文章于 2024-03-22 18:03:38 发布

阅读量467

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_69186400/article/details/127958611

版权

<input class="uni-input" type="digit" v-model="valiFormData.money" placeholder="请输入金额"
	@input="testMoney" />






testMoney(e) {

				var that = this

				//允许输入一个小数点

				e.detail.value = e.detail.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");

				//允许输入两位小数

				e.detail.value = e.detail.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');

				//如果金额没有小数点，并且值不等于空，则返回浮点数

				if (e.detail.value.indexOf(".") < 0 && e.detail.value != "") {

					e.detail.value = parseFloat(e.detail.value);

					//如果第一位为小数点，则转换为0. 只保留一个小数点

				} else if (e.detail.value.indexOf(".") == 0) {

					e.detail.value = e.detail.value.replace(/[^$#$]/g, "0.");

					e.detail.value = e.detail.value.replace(/\.{2,}/g, ".");

				}

				//这里计时器必须使用，不然input框中不会显示校验过的值，只显示你输入的值

				setTimeout(() => {

					that.valiFormData.money = e.detail.value

				}, 1)

			},