antd中自定义验证方法

最新推荐文章于 2025-05-04 15:41:37 发布

zerocher

最新推荐文章于 2025-05-04 15:41:37 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web开发 js

本文链接：https://blog.youkuaiyun.com/zerocher/article/details/82940220

web开发同时被 2 个专栏收录

39 篇文章

订阅专栏

19 篇文章

订阅专栏

<Col xxl={6} xl={12} lg={12}>
    <Row>
        <Item
            {...ItemOneFourth}
            label='配载量'
        >
            {
                getFieldDecorator("stowage" + index + j_index, {
                    initialValue: '',
                    rules: [
                        {
                            validator: this.validateStowage,
                        }
                    ]
                })(
                    <Input suffix={
                        <span>{this.state.goodsUnit}</span>}/>
                )
            }
        </Item>
    </Row>
</Col>

// 自定义表单验证
validateStowage =(rule, value, callback)=>{
    if(value == ''|| value == null || /^[0-9]*$/.test(value) == false){
        callback('请填写正确内容');
    }else{
        callback();
    }
};

//提交

this.props.form.validateFieldsAndScroll(
    (err) => {
        if (!err) {
            Axios.post('url', data).then((res) => {}).catch((err) => {});
        }
    },
);