怎么限制输入框的小数位只有3位,并且规定不可以大于多少,用于金额判断(可用于uniapp)

<input placeholder="请输入申请金额" @blur="oninput" name="amount" type="number" v-model="formData.amount" />

@blur="oninput"失去焦点触发的事件,

注意:input自带的maxlength会限制你的小数位,所以不推荐使用

所以你可以在你提交的时候做逻辑或者就写在oninput事件里面(下面的代码我是写在oninput里面进行了逻辑判断,弹出信息再就清空值)

注意: type="number"这个就已经限制了你不能填负数(小于0的)哦,所以我这里就没有判断小的

oninput(e) {
	this.formData.amount = (e.target.value.match(/^\d*(\.?\d{0,3})/g)[0]) || null
	if (this.formData.amount > 1000) {
		uni.showToast({
			title: '输入的值大于1000哦',
			icon: 'none'
		});
		this.formData.amount = ''
	}
},

下面的代码是弹出提示框,你可以改成你自己想要的那种方式(下面的这个代码是手机端的uniapp多端跨平台框架)

uni.showToast({
	title: '输入的值大于1000哦',
	icon: 'none'
});

猜你喜欢

转载自blog.csdn.net/qq_42899245/article/details/110131698