antd Form表单验证

作者: 前端小阔爱 | 来源:发表于2018-12-05 18:33 被阅读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

    相关文章

      网友评论

        本文标题:antd Form表单验证

        本文链接:https://www.haomeiwen.com/subject/dbbwcqtx.html