验证规则(如手机号邮箱等)
2023-08-29 18:21 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",
},
],
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~