如何在Element 使用正則表達式校驗

Template

<el-input v-model.number="form.phone"  placeholder="請輸入手機號" />
<el-input v-model="form.sfz"  placeholder="請填寫身份證"></el-input>

表單校驗

rules: {
    phone :[
        {
            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'
        }
    ],
    sfz :[
          { 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'
          }
    ],
},