uniapp uni-forms表单校验

•  :rules="loginRules" 代表表单校验规则 
• validate-trigger="bind"代表边输入边校验，还可以设置为submit,即提交表单时再校验；
• uni-forms-item标签的属性name="phone"和校验规则中的一一对应，相当于element表单校验中的prop

	
		账号
		
	
	
		密码
		
	
    登录

// 密码登录校验规则
loginRules: {
	phone: {
	    rules: [{
			required: true,
			errorMessage: '请输入手机号码'
		}]
	},
	pwd: {
		rules: [{
		    required: true,
			errorMessage: '请输入密码',
		}, {
		    validateFunction: function(rule, value, data, callback) {
				if (value.length > 20 || value.length < 8) {
					callback('密码长度在8-20位！')
				} else {
				    callback();
			    }
			}
		}]
	}
}

// 提交表单
goPath(validateForm) {
	this.$refs[validateForm].validate(valid => {
		if (!valid) {
			uni.switchTab({
			    url: "../home/home"
			})
		}
	})
}

如有问题，欢迎留言！！！