react各种问题

antd Form表单验证

2018-12-05  本文已影响0人  前端小阔爱

方法一

<FormItem label='大于0 的整数' >
  {getFieldDecorator(`intNum`, {
    rules: [{ message: '不能为空', type: 'number' }, {
      pattern: /^([1-9][0-9]*)+$/, message: '只能大于0的整数'
    }],
  })(
    <InputNumber />
  )}
</FormItem>

方法二

<FormItem label='大于0 的整数' >
  {getFieldDecorator(`intNum`, {
    rules: [{
      validator(rule, value, callback) {
        if (value > 0) {
          callBack('只能大于0的整数')
        } else {
          callback()//必须写
        }
      }]
  })(
    <InputNumber />
  )}
</FormItem>

效果图:


test.png
上一篇 下一篇

猜你喜欢

热点阅读