Ant设计动态字段验证

问题描述 投票:0回答:1

我试图创建动态字段验证器 - 当“isDisable”为真时,则不需要+不需要检查数字类型。

{getFieldDecorator('number', {
  validateFirst: true,
  rules: [{
    required: !isDisable,
    message: 'Must enter data'
  }, {
    type: 'number',
    message: 'Need to enter number'
  }]
})(
  <InputNumber min={0} step={1} disabled={isDisable} />
)}

但是这段代码仍然会检查数字类型。

我也在渲染功能中试过这个:

const rules = isDisable ? { } : {
  validateFirst: true,
  rules: [{
    required: true,
    message: 'Must enter data'
  }, {
    type: 'number',
    message: 'Need to enter number'
  }]
};

{getFieldDecorator('number', rules)(
  <InputNumber min={0} step={1} disabled={isDisable} />
)}

但是在输入数据时,验证器仅在调用“validateFieldsAndScroll”函数时发生,并且我希望它验证onChange事件

那么,如果禁用该字段,如何创建不检查类型的规则?

谢谢。

validation antd
1个回答
1
投票

这个怎么样:

const allFields = ['a', 'b', 'c'];
const fields = allFields.filter(disabledField);
this.props.form.validateFields(fields, () => {...})
© www.soinside.com 2019 - 2024. All rights reserved.