element表单验证中的 手机号和身份证 验证

手机号和身份证 正则表达式：

 

 

 

             <el-form-item label="电话"
                prop="customerTel">
                <el-input v-model.number="orderMessage.customerTel"></el-input>
              </el-form-item>

            </div>
           
            <el-form-item label="身份证号"
              prop="customerIdCard">
              <el-input v-model="orderMessage.customerIdCard"
                placeholder="请填写证件号码"></el-input>
            </el-form-item>

  customerTel: [
          {
            type: 'number',
            required: true,
            message: '请输入手机号',
            trigger: 'blur'
          },
          {
            pattern: /^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/,
            message: '手机号格式不对',
            trigger: 'blur'
          }
        ],
        customerIdCard: [
          { required: true, message: '请填写证件号码', trigger: 'blur' },
          {
            pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
            message: '证件号码格式有误！',
            trigger: 'blur'
          }
        ],