常用表单验证
针对ElementUI
的写法.如果你未使用ElementUI,则直接拿代码中的正则表达式片段即可
// 验证姓名
function checkName(rule, value, callback) {
const nameReg = /^[\u4E00-\u9FA5]{2,4}$/;
if (!nameReg.test(value)) {
return callback(new Error("姓名格式不正确"));
} else {
callback();
}
}
// 验证手机号
function checkTel(rule, value, callback) {
const telReg =
/^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/;
if (!telReg.test(value)) {
return callback(new Error("手机号格式不正确"));
} else {
callback();
}
}
// 验证邮箱
function checkMail(rule, value, callback) {
const mailReg =
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if (!mailReg.test(value)) {
return callback(new Error("邮箱格式不正确"));
} else {
callback();
}
}
// 验证微信
function checkWechatAccount(rule, value, callback) {
const wechatReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
if (!wechatReg.test(value)) {
return callback(new Error("微信号格式不正确"));
} else {
callback();
}
}
// 验证QQ号
function checkQQAccount(rule, value, callback) {
const qqReg = /^[1-9][0-9]{4,10}$/;
if (!qqReg.test(value)) {
return callback(new Error("QQ账号格式不正确"));
} else {
callback();
}
}