element-ui 表单自定义验证

element-ui提供了一套表单验证规则，非常方便，但也要注意一些地方。

html

    
        
    
    
        
    
    
        
姓名：{{payeeInfo.lastName}}
        
UID：{{payeeInfo.userId}}
        
手机号码：{{payeeInfo.mobile}}
        
查看详情
    
    
        
            
        
    
    
        
    
    
        
    
    

    
        确定
    

js

data(){
	var newReg1 = (rule, value, callback) => {
		if (this.trimStr(value).length<2) {
			callback(new Error('不能少于两个字符'));
		} else {
			callback();
		}
	};
	var newReg2 = (rule, value, callback) => {
		var value=this.trimStr(value);
		if (value!=parseFloat(value)) {
			callback(new Error('只能是数字'));
		} else if(value<=0){
			callback(new Error('不能为负数'));
		}else{
			callback();
		}
	};
	return{
		newReg:{                  //新建划拨
			payer:"",             //付款人
			payee:"",             //收款人
			productCode:"USDT",   //币种
			quantity:"",          //数量
			remarks:"",           //备注
		},
		rules: {
			payer: [ { validator: newReg1, trigger: 'blur' } ],
			payee: [ { validator: newReg1, trigger: 'blur' } ],
			quantity: [{ validator: newReg2, trigger: 'blur' }],
			remarks: [{ validator: newReg1, trigger: 'blur' },]
		},
	}
}

*其中需要特别注意的就是 rules 中的 key 必须要与 newReg 中的 key 相同，否则会出现 value 一直是 undefined ,明明有值，却总是验证不通过