ant design vue 根据条件判断 表单验证

证件类型(1:为身份证,2 … 其它)
如果为身份证,则加上身份证验证

 <a-col :span="12">
            <a-form-model-item label="证件类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zjlx" >
              <j-dict-select-tag type="list" v-model="model.zjlx" dictCode="das_zjlb" placeholder="请选择证件类型" />
            </a-form-model-item>
          </a-col>
<a-col :span="12">
            <a-form-model-item label="证件号码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="zjhm" :rules="model.zjlx === '1'? [ { required: true },{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '请输入正确的身份证号码!'} ] :rules.zjhm ">
              <a-input v-model="model.zjhm" placeholder="请输入证件号码"  ></a-input>
            </a-form-model-item>
          </a-col>
 data () {
      return {
      ...
		validatorRules: {
		 zjhm: [
              { required: true, message: '请输入证件号码!'}, 
           ],
		}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值