问Ant Design动态字段验证
EN

Stack Overflow用户

提问于 2017-02-07 02:43:23

回答 1查看 11.8K关注 0票数 0

我正在尝试创建动态字段验证器-当"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} />
)}

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

我也在render函数中尝试过：

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

Stack Overflow用户

回答已采纳

发布于 2017-02-08 10:15:57

这样如何：

const allFields = ['a', 'b', 'c'];
const fields = allFields.filter(disabledField);
this.props.form.validateFields(fields, () => {...})

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42074969

复制

相似问题

问Ant Design动态字段验证
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Ant Design动态字段验证EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Ant Design动态字段验证
EN