el-input 邮箱身份证号和手机号校验

最新推荐文章于 2024-11-21 09:52:07 发布

原创最新推荐文章于 2024-11-21 09:52:07 发布 · 4.8k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端

element 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了电子邮件、手机号码和身份证号的验证规则，包括必填、格式正确性等要求，旨在确保数据输入的准确性和规范性。通过示例代码展示了如何使用正则表达式进行有效的前端表单验证。

     ruleForm: {
        email: '',
        mobile: '',
        id_number:'',
        mobile1:'',
      },
      rules: {    
        email: [
          { required: true, message: '请输入邮箱地址', trigger: 'blur' },
          {
            type: 'email',
            message: '请输入正确的邮箱地址',
            trigger: ['blur', 'change'],
          },
        ],
        mobile: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          {
           pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
            message: '请输入正确的手机号码或者座机号',
          },
        ],
        mobile: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          {
           pattern: /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/,
            message: '请输入正确的手机号码',
          },
        ],
        id_number: [
          {
            pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
            message: "请输入正确的身份证号码",
          },
      },