ivew form 表单验证自定义添加的字段 输入框只能是数字小数

78 篇文章 2 订阅
52 篇文章 1 订阅
<FormItem class="table-input" :rules="Rules" :prop="`List[${index}].name`">
	<Input size="small" :disabled="disabledAll" @input="FreqInput(tableData.List[index].name,index,'List','name',false)" v-model="tableData.List[index].name"></Input>
</FormItem>
data(){
return {
formRangeRules: [{
	required: true, type: 'string', message: "",
		validator: (rule, value, callback) => {
		...
		}
	}],}
}
methods: {
FreqInput: debounce(function (num, index, type, chin, isclear) {
	// 去掉空格
	if (num.toString().split(" ").join("").length === 0) {
		let reg = new RegExp(' ', 'g');//g,表示全部替换。
		this.tableData[type][index][chin] = num.replace(reg, '');
	} else {
		let isnmber = Number(num);
		if (isnmber || isnmber === 0) {
			if (num.substr(0, 1) === '.') {
				this.tableData[type][index][chin] = isnmber;
			}
			// 判断长度
			if (Number(num) >= 10000000) {
				if (isclear) {
					this.tableData[type][index][chin] = "";
				}
			} else {
				if (num && num.toString().includes(".")) {
					if (num.toString().split(".")[1].length > 6) {
						this.tableData[type][index][chin] = this.toFixed(num, 6)
					}
				}
			}
		} else {
			this.tableData[type][index][chin] = "";
		}
	}
}, 300),
}
		/**
		 * 函数节流
		 * @param fn
		 * @param interval
		 * @returns {Function}
		 * @constructor
		 */
	function Throttle(fn, t) {
		let last;
		let timer;
		let interval = t || 500;
		return function () {
			let args = arguments;
			let now = +new Date();
			if (last && now - last > interval) {
				clearTimeout(timer);
				timer = setTimeout(() => {
					last = now;
					fn.apply(this, args);
				}, interval);
			} else {
				last = now;
				fn.apply(this, args);
			}
		};
	}
	/**
	 * 函数防抖 (只执行最后一次点击)
	 * @param fn
	 * @param delay
	 * @returns {Function}
	 * @constructor
	 */
	function debounce(fn, t) {
		let delay = t || 500;
		let timer;
		return function () {
			let args = arguments;
			if (timer) {
				clearTimeout(timer);
			}
			timer = setTimeout(() => {
				timer = null;
				fn.apply(this, args);
			}, delay);
		};
	}		
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值