代码改变世界

验证规则(如手机号邮箱等)

  WEB前端小菜鸟  阅读(77)  评论(0编辑  收藏  举报
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
// 验证手机号
const checkMobile = (rule, value, callback) => {
  if (value === "") {
    callback(new Error("请输入手机号"));
  } else {
    if (value !== "") {
      var reg = /^1[3-9]\d{9}$/;
      if (!reg.test(value)) {
        callback(new Error("请输入有效的手机号码"));
      }
    }
    callback();
  }
};
// 验证邮箱
const checkEmail = (rule, value, callback) => {
  if(value === "") {
    callback(new Error("请输入邮箱"));
  } else {
    if (value !== "") {
      //验证邮箱的正则表达式
      const regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
      if (regEmail.test(value)) {
        //合法的邮箱
        return callback();
      }
      callback(new Error("请输入正确的邮箱"));
    }
    callback();
  }
   
 
};
 
// 数字、字母、下划线的组合【输入的东西得有不一定全有ru: zfb_yjp zFb_yjp2】
const checkAccout = (rule, value, callback) => {
  if (value === "") {
    callback(new Error("请输入账号"));
  } else {
    if (value !== "") {
      var reg =/^[_a-zA-Z0-9]{4,20}$/;
      if (!reg.test(value)) {
        callback(new Error("长度在4-20字符(只包含英文、数字、下划线)"));
      }
    }
    callback();
  }
}
// 姓名得是中文或英文且长度不超过10,输入框在限制一下maxlength:10
const checkName = (rule, value, callback) => {
  if (value === "") {
    callback(new Error("请输入姓名"));
  } else {
    if (value !== "") {
      var reg = /^[\u0391-\uFFE5A-Za-z]{1,10}$/;
      if (!reg.test(value)) {
        callback(new Error("长度在1-10字符(只包含英文、中文)"));
      }
    }
    callback();
  }
}
 
export { checkMobile, checkEmail,checkAccout,checkName }

 

 

vue2中使用:需要验证的页面引入规则 import { checkMobile, checkEmail, checkAccout, checkName } from './accountManage'
 
email: [
          {
            validator: checkEmail,
            trigger: "blur",
          },
],
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示