input限制小数最大输入位数,以及限制只能输入数字

input限制小数输入位数最大值,以及限制只能输入数字, 例如,限制4位, 这输入0.12345, 会直接截取前四位, 0.1234, 后续直接丢弃



/*
value:input事件绑定返回的值
field:字段, 后续更改值使用
maxQut:最大值
minQut:最小值
*/
const fieldInput = (value, field, maxQut, minQut) => {
		// 正则限制只能输入数字, 包括正数负数浮点数
		value = (value + '').replace(/[^\.0-9\-]/g, '')
			.replace(/^\./g, '') //第一个字符不能是.
			.replace(/\.{2,}/g, '.') // 不能连续输入.
			.replace(/\-{2,}/g, '-') // -只能保留一个
			.replace(/(\.\d+)\./g, '$1') // .后面不能再输入.
			.replace(/(-)\./g, '$1') // -后面不能输入.
			.replace(/(\d+|\.)-/g, '$1') // 数字和.后面不能接-
			.replace(/-(0){2,}/g, "$1") // 不能出现-00,-001,-0001类似
			.replace(/(-)0+(\d+)/g, '$1$2') // 不能出现-01,-02类似
			.replace(/^0+(\d)/, '$1') // 第一位0开头,0后面为数字,则过滤掉,取后面的数字


		// 动态限制输入位数 baseInfo.value?.accuracy小数最大位数存储的字段
		if (baseInfo.value?.accuracy || baseInfo.value?.accuracy == 0) {
			// 分割整数和小数部分
			var parts = value.split('.');
			var integerPart = parts[0];
			var decimalPart = parts[1] || '';
			// 等于0的情况, 取整数
			if (baseInfo.value?.accuracy === 0) {
				value = integerPart
			}
			// 大于指定位数的处理
			if (decimalPart.length > baseInfo.value.accuracy) {
				decimalPart = decimalPart.substring(0, baseInfo.value.accuracy);
			    value = decimalPart ? integerPart + '.' + decimalPart : integerPart;
			}
		}

		// 最大值限制
		if (maxQut !== (undefined || null) && value * 1 > maxQut * 1) {
			value = maxQut
		}
		// 最小值
		if (minQut !== (undefined || null) && value * 1 < minQut * 1) {
			value = minQut
		}

		// 赋值
		nextTick(() => {
			checkInfoForm.value[field] = value ? value : 0
		})

	}


  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值