Design Ant 中form表单添加自定义验证

1.引入Ant组件写入基本内容
*

<FormItem label="分组描述">
              {getFieldDecorator('description', {
                initialValue: this.state.description ,
                rules: [{ required: true, message: '请至少输入5个字符串' },
                **{ validator: this.checkConfirm }],**//此处写入自定义验证方法

              })(
                <TextArea placeholder="请至少输入5个字符串" rows={4} />
              )}
         </FormItem>

2.写入方法

checkConfirm=(rule, value, callback)=>{
        console.log(value)
        if(value.length!=0){
             if(value.length<5){
              callback("请至少输入5个字符串");  
             }
            else{
             callback();   
            } 
        }
        else{
           callback();
        }

  }`这里写代码片`

猜你喜欢

转载自blog.csdn.net/qq_29819449/article/details/80252539
今日推荐