2021/04/29 element-ui自定义表单验证规则（邮箱，手机号，身份证，社会信用代码）

最新推荐文章于 2024-06-07 11:14:03 发布

原创

最新推荐文章于 2024-06-07 11:14:03 发布 · 1.5k 阅读

10 ·

CC 4.0 BY-SA版权

本文介绍了如何在前端表单中使用自定义校验规则，包括邮箱、手机号、身份证号码和社会信用代码的正则表达式验证，以及不同写法和方法的对比。通过实例展示了如何在data和methods中实现校验，并分享了常见正则表达式规则的资源链接。

背景
需求需要表单提交的时候校验有效的邮箱，身份证信息等，把这些用到了的验证规则收集下来
代码
我是在data中写规则的，完全参照饿了么官网写的，当然正则校验这些是在网上搜罗的，我不会写

在这里插入图片描述

//========自定义表单校验规则==========
//邮箱验证
var checkEmail = (rule, value, callback) => {
 const regEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 if (regEmail.test(value)) {
   return callback();
 }
 callback(new Error("邮箱格式有误"));
};
//手机号验证
var checkMobile = (rule, value, callback) => {
 const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[3678]|18[0-9]|14[57])[0-9]{8}$/;
 if (regMobile.test(value)) {
   return callback();
 }
 callback(new Error("手机号格式有误"));
};
//身份证号码校验
var checkIDCard = (rule, value, callback) => {
 const regIDCard = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2]