uniapp 发送和校验验证码

/**
数据验证（表单验证）
*/
module.exports = {
	error: '',
	check: function(data, rule) {
		for (var i = 0; i < rule.length; i++) {
			if (!rule[i].checkType) {
				return true;
			}
			if (!rule[i].name) {
				return true;
			}
			if (!rule[i].errorMsg) {
				return true;
			}
			if (!data[rule[i].name]) {
				this.error = rule[i].errorMsg;
				return false;
			}
			switch (rule[i].checkType) {
				case 'custom':
					if (typeof rule[i].validate == 'function') {
						if (!rule[i].validate(data[rule[i].name])) {
							this.error = rule[i].errorMsg;
							return false;
						}
					}
					break;
				case 'required':
					var reg = new RegExp('/[\S]+/');
					if (reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'string':
					var reg = new RegExp('^.{' + rule[i].checkRule + '}$');
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'int':
					var reg = new RegExp('^(-[1-9]|[1-9])[0-9]{' + rule[i].checkRule + '}$');
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
					break;
				case 'between':
					if (!this.isNumber(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					var minMax = rule[i].checkRule.split(',');
					minMax[0] = Number(minMax[0]);
					minMax[1] = Number(minMax[1]);
					if (data[rule[i].name] > minMax[1] || data[rule[i].name] < minMax[0]) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'betweenD':
					var reg = /^-?[1-9][0-9]?$/;
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					var minMax = rule[i].checkRule.split(',');
					minMax[0] = Number(minMax[0]);
					minMax[1] = Number(minMax[1]);
					if (data[rule[i].name] > minMax[1] || data[rule[i].name] < minMax[0]) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'betweenF':
					var reg = /^-?[0-9][0-9]?.+[0-9]+$/;
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					var minMax = rule[i].checkRule.split(',');
					minMax[0] = Number(minMax[0]);
					minMax[1] = Number(minMax[1]);
					if (data[rule[i].name] > minMax[1] || data[rule[i].name] < minMax[0]) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'same':
					if (data[rule[i].name] != rule[i].checkRule) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'notsame':
					if (data[rule[i].name] == rule[i].checkRule) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'email':
					var reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'phoneno':
					// var reg = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][0-9]))[0-9]{8}$/;
					var reg = /^[1][\d]{9}/;
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'zipcode':
					var reg = /^[0-9]{6}$/;
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'reg':
					var reg = new RegExp(rule[i].checkRule);
					if (!reg.test(data[rule[i].name])) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'in':
					if (rule[i].checkRule.indexOf(data[rule[i].name]) == -1) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'notnull':
					if (data[rule[i].name] == 0 || data[rule[i].name] == undefined || data[rule[i].name] == null || data[rule[i].name]
						.length < 1) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'lengthMin':
					if (data[rule[i].name].length < rule[i].checkRule) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
				case 'lengthMax':
					if (data[rule[i].name].length > rule[i].checkRule) {
						this.error = rule[i].errorMsg;
						return false;
					}
					break;
			}
		}
		return true;
	},
	isNumber: function(checkVal) {
		var reg = /^-?[1-9][0-9]?.?[0-9]*$/;
		return reg.test(checkVal);
	}
}

import validate from '@/common/js/validate.js';
const MAX_SECONDS = 60

export default {
    data() {
        return {
            seconds: MAX_SECONDS,
            mobileCodeText: "获取验证码",
            timer: null,
            isSend: false,
        }
    },
    watch: {
        seconds(value) {
            if (value == 0) {
                this.initCodeData()
            }
        },
    },
    methods: {
        initCodeData() {
            if (this.timer) clearInterval(this.timer);
            this.timer = null;
            this.seconds = MAX_SECONDS;
            this.mobileCodeText = '获取验证码';
            this.isSend = false;
        },
        // 发送短信动态码
        sendCode(mobile) {
            if (this.seconds != MAX_SECONDS) return;
            var rule = [{
                    name: 'mobile',
                    checkType: 'required',
                    errorMsg: '请输入手机号'
                },
                {
                    name: 'mobile',
                    checkType: 'phoneno',
                    errorMsg: '请输入正确的手机号'
                },
            ];
            var checkRes = validate.check({
                mobile: mobile
            }, rule);
            if (checkRes && !this.isSend) {
                this.isSend = true;
                this.$api.sendRequest({
                    url: 'xxx',
                    data: {
                        mobile: mobile
                    },
                    success: res => {
                        if (200 === res.code) {
                            uni.$showMsg('验证码已发送');
                            if (this.seconds == MAX_SECONDS && this.timer == null) {
                                this.timer = setInterval(() => {
                                    this.seconds--;
                                    this.mobileCodeText = '已发送(' + this.seconds +
                                        's)';
                                    if (this.seconds <= 0) {
                                        clearInterval(this.timer)
                                    }
                                }, 1000);
                            }
                        } else {
                            uni.$showMsg(res.message)
                            this.isSend = false;
                        }
                    },
                    fail: res => {
                        this.isSend = false;
                    }
                });
            } else {
                uni.$showMsg(validate.error ? validate.error : '请勿重复点击')
            }
        },
        // 校验验证码
        checkCode(mobile, code, callback, fail) {
            this.$api.sendRequest({
                url: '/xxx',
                data: {
                    mobile: mobile,
                    code: code,
                },
                success: res => {
                    if (200 === res.code) {
                        callback()
                    } else {
                        fail && fail('验证码不正确' === res.msg);
                        uni.$showMsg(res.msg)
                    }
                },
                fail: res => {
                    uni.$showMsg(res.msg)
                }
            });
        }
    }
}