天天看點

element-UI 自定義校驗

正規表達式簡單知識 https://www.zhihu.com/question/48219401/answer/742444326

element-UI 自定義校驗
element-UI 自定義校驗
const checkPhone = (rule, value, callback) => {
                if (!value) {
                    return callback(new Error('聯系方式不能為空'));
                } else if (!value.match(/^1[3-9]\d{9}$/) && !value.match(/^0\d{2}-\d{8}$/) && !value.match(/^0\d{3}-\d{7}$/)) {
                    return callback(new Error('請輸入正确的聯系方式'));
                } else {
                    callback()
                }
            };
           
const validateEmail = (rule, value, callback) => {
                if (value === '') {
                    callback(new Error('請正确填寫郵箱'));
                } else {
                    if (value !== '') {
                        var reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
                        if (!reg.test(value)) {
                            callback(new Error('請輸入有效的郵箱'));
                        }
                    }
                    callback();
                }
            };
           
const linePhone = (rule, value, callback) => {
                if (value === '') {
                    callback(new Error('請輸入固定電話'));
                } else {
                    if (value !== '') {
                        if (!value.match(/^0\d{2}-\d{8}$/) && !value.match(/^0\d{3}-\d{7}$/)) {
                            callback(new Error('請輸入正确的聯系方式'));
                        }
                    }
                    callback();
                }
            };