antd Form表单验证

方法一

<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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,422评论 19 139
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,476评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,040评论 3 119
  • 在这个物欲横流的年代,大多数人都被浮躁的情绪的所笼罩。浮躁,在字典里的解释:"浮"的意思是"漂流","躁"的意思是...
    京洛线阅读 3,304评论 5 3
  • 自从有了孩子我很少看电视,什么综艺节目了,电视剧了,别人都在聊的热火朝天,我却一无所知。听说最近董卿火了,因...
    6d135c5aad9a阅读 4,369评论 0 1