ant design 身份证单验证

        <a-col :md="12" :sm="24">
          <a-form :form="form">
            <a-form-item
              label="身份证"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              has-feedback
            >
              <a-input
                placeholder="请输入身份证"
                v-decorator="['identity',{rules: [{ required: true, message: '请输入身份证!'},{
                  validator:IDValidator ,
                },]}]" />
            </a-form-item>
          </a-form>
        </a-col>
method:{
 // 身份证验证
    IDValidator (rule, value, callback) {
      const idcardReg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|31)|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}([0-9]|x|X)$/
      if (!idcardReg.test(value)) {
      // eslint-disable-next-line standard/no-callback-literal
        callback('非法格式')
      }
      // Note: 必须总是返回一个 callback,否则 validateFieldsAndScroll 无法响应
      callback()
    }
}    

版权声明:本文为qq_37869178原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。