vue 使用正则判断邮箱格式是否正确手机号证件啥的都可以套用

张帅涛_666

于 2020-11-07 16:55:47 发布

阅读量1.3k

点赞数

分类专栏： vue 使用正则判断邮箱格式是否正确手机号证件啥的都可以套用文章标签： js

本文链接：https://blog.csdn.net/weixin_45549016/article/details/109549283

版权

vue 使用正则判断邮箱格式是否正确手机号证件啥的都可以套用专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行邮箱格式验证的方法。通过正则表达式检查邮箱的有效性，并将验证功能集成到表单验证中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fm：就是写一个过滤器把输入的内容通过过滤器来判断

创建一个js文件

export function checkIdNum(rule, value, callback) {
  const reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
  if (!value) {
    return callback(new Error('邮箱不能为空'))
  } else if (!reg.test(value)) {
    return callback(new Error('请填写正确的邮箱'))
  } else {
    callback()
  }
}
export default {

  checkId: [{ required: true, validator: checkIdNum, trigger: 'blur' }],
}




 import rules from '@/utils/rules'

然后再需要的地方引入这个js文件


     <el-form-item v-show="types" prop="email" label="邮箱" label-width="150px"
                      :rules="rulesUtils.checkId">
          <el-input placeholder="请输入邮箱" v-model="formStore.email"></el-input>
        </el-form-item>


 return {
        rulesUtils: rules,
        }