一个formitem多个input验证

本文介绍了使用<a-form-model-item>组件进行前端表单验证的方法,包括触发条件字段`ace1`和购买商品字段`ace2`的必填验证。通过设置rules属性,实现了在输入框失去焦点时进行blur事件触发的验证,确保用户输入了触发天数和购买的商品信息。
摘要由CSDN通过智能技术生成
        <a-form-model-item label="触发条件" >
            <a-col :span="5">
              <a-form-model-item prop="ace1">
                <a-input  v-model.number="strategyForm.ace1"></a-input>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item prop="ace2">
                <a-input   v-model.number="strategyForm.ace2"></a-input>
              </a-form-model-item>
            </a-col>
          </a-form-model-item>
rules:{
  ace1: [
          { required: true, message: '请输入触发天数', trigger: 'blur' },
        ],

  ace2: [
          { required: true, message: '请输入购买的商品', trigger: 'blur' },
        ],
}

通过-form-model-item嵌套来实现的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值