ant-design表单自定义验证

Posted eternityz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant-design表单自定义验证相关的知识,希望对你有一定的参考价值。

<a-form :form="form">
    <a-form-item :labelCol="labelCol"
                 :wrapperCol="wrapperCol"
                 label="适用阶段"
                 hasFeedback>
      <a-select v-decorator="['mealCategory', {rules:[{required:true,message:'适用阶段不能为空'}]}]"
                @blur="getMealCategory"
                :disabled="isDisabled"
                placeholder="请选择适用阶段">
        <a-select-option value="小学">小学</a-select-option>
        <a-select-option value="初中">初中</a-select-option>
        <a-select-option value="高中">高中</a-select-option>
      </a-select>
    </a-form-item>
    
    <a-form-item :labelCol="labelCol"
                 :wrapperCol="wrapperCol"
                 label="活动套餐名称"
                 hasFeedback>
      <a-input placeholder="请输入活动套餐名称"
               v-decorator="['mealName', {rules:[{required:true,message:'活动套餐名称不能为空'}]}]" />
    </a-form-item>
</a-form>

以上是关于ant-design表单自定义验证的主要内容,如果未能解决你的问题,请参考以下文章

有人知道ant-design的表单验证getFieldDecorator怎么用嘛

【React】antd的form表单的自定义校验规则的用法

用ant-design在react js中提交后清除表单输入字段值

ant-design pro 表单ref问题

自定义表单验证注释不起作用

自定义laravel表单请求验证类(FormRequest共用一个rules())