扩展ElementUI的表单验证
import { clearEmpty, checkEmail, checkTel, checkPassword, checkUserName, checkVerifyCode, checkURL } from './validate';
// 邮件检测
export const validateEmail = (rule, value, callback) => {
if (!clearEmpty(value)) {
callback(new Error('请填写邮箱'));
return;
}
if (!checkEmail(value)) {
callback(new Error('邮箱格式不正确'));
return;
}
callback();
};
// 电话检测
export const validateTel = (rule, value, callback) => {
if (!clearEmpty(value)) {
callback(new Error('请填写电话'));
return;
}
if (!checkTel(value)) {
callback(new Error('电话格式不正确'));
return;
}
callback();
};
// 验证用户名
export const validateUserName = (rule, value, callback) => {
if (!clearEmpty(value)) {
callback(new Error('请填写用户名'));
return;
}
if (!checkUserName(value)) {
callback(new Error('用户名4到16位(字母,数字,下划线,减号)'));
} else {
callback();
}
callback();
};
// 验证密码
export const validatePassword = (rule, value, callback) => {
if (!clearEmpty(value)) {
callback(new Error('请填写密码'));
return;
}
if (!checkPassword(value)) {
callback(new Error('密码包含数字,英文,字符中的两种以上,长度6-20'));
} else {
callback();
}
callback();
};
// 验证验证码
export const validateVerifyCode = (rule, value, callback) => {
if (!clearEmpty(value)) {
callback(new Error('请填写验证码'));
return;
}
if (!checkVerifyCode(value)) {
callback(new Error('验证码格式不正确'));
} else {
callback();
}
callback();
};
// 验证url
export const validateURL = (rule, value, callback) => {
if (!clearEmpty(value)) {
callback(new Error('请填写URL'));
return;
}
if (!checkURL(value)) {
callback(new Error('URL格式不正确'));
} else {
callback();
}
callback();
};