效验input输入框销量，零售价输入限制？

最新推荐文章于 2024-01-31 23:36:50 发布

杨杨不秃头

最新推荐文章于 2024-01-31 23:36:50 发布

阅读量167

点赞数

文章标签：前端小程序

本文链接：https://blog.csdn.net/weixin_67956222/article/details/126670894

版权

1.初始销量

<view class="detail">
					<view class="leftFont">初始销量</view>
					<view style="display: flex;align-items: center;">
							<!-- @input="inputNum(item.initSaleNum,index)" -->
						<u--input v-model="item.initSaleNum" @blur="valid"  maxlength="8" inputAlign="right" >
							
						</u--input>
						
					</view>
				</view>

<script>
// 失去焦点校验初始是否为小数
valid(){
				 var r= /^[+-]?[1-9]?[0-9]*\.[0-9]*$/
				if (r.test(this.goodList[0].initSaleNum)){
					uni.showToast({
						icon: 'error',
						title: '请输入整数'
					})
				}
			},
</script>

//初始销量,只能输入数字
			 inputNum(e,index){
				e = (e.match(/^\d*(\!?\d{0,2})/g)[0]) || null 
			 	this.$nextTick(() => {
			 		this.goodListIndex=index
					this.goodList[index].initSaleNum = e
			 	})

2. 零售价限制

	//  零售价限制
			inputNumber(e,index) {
				e = (e.match(/^\d*(\.?\d{0,2})/g)[0]) || null
				//重新赋值给input
				this.$nextTick(() => {
					this.goodList[index].retailPrice = e
				})
			},