element-ui 复杂form校验

var validateNumber = (rule, value, callback) => {
			let errobj={
				widthinputgg:'请输入宫格宽',
				heightinputgg:'请输入宫格高',
				widthscroll:'请输入滚屏宽',
				heighscroll:'请输入滚屏高',
			};
			let reg = /^([1-9])([0-9]*)$/;
			if(this.ruleForm.gridOrRelative == 6 || this.ruleForm.gridOrRelative == 8) {
				if(!value) {
					callback(new Error(errobj[rule.fullField]));
				} else {
					if(!reg.test(value)) {
						callback(new Error('请输入一个正整数'));
					}
				}
			}
			callback();
		};

form绑定的数据


在rule数组里

rules: {				
				widthinputgg: [
					{
						validator: validateNumber,
						trigger: 'blur'
					}
				],
				heightinputgg: [
					{
						validator: validateNumber,
						trigger: 'blur'
					}
				],
				widthscroll: [
					{
						validator: validateNumber,
						trigger: 'blur'
					}
				],
				heighscroll: [
					{
						validator: validateNumber,
						trigger: 'blur'
					}
				]
			},

猜你喜欢

转载自blog.csdn.net/qq_21423689/article/details/81018654
今日推荐