react antd tableForm表格表单校验重叠处理

react antd tableForm表格表单校验重叠处理

在这里插入图片描述

有些场景下,表格中的数据不止为必填项,可能还需要其他的正则来满足,正常按照Form表单的rules来校验,所有的校验会一直叠加

直接处理

仅为一个模板,参考
   //每一个的列都会一个colums,将rules写入,采用Promise
   
   {
        title: '本次付款金额',
        name: 'paymentAmount',
        type: 'Number',
        required: true,
        parameter: {
            placeholder: '请输入'
        },
        rules: [
            {
                required: true,
                message: '请输入本次付款金额'
            },
            {
                validator: (_, value) => {
                    if(!value) return Promise.resolve();
                    let realValue = value;
                    if(String(realValue).indexOf(',') >=0){
                        realValue = Number(realValue.replace(/,/gi,''));
                    }
                    if(realValue >=0) {
                        return Promise.resolve();
                    }else{
                        return Promise.reject(new Error('本次付款金额必须大于等于0'));
                    }
                }
            }
        ]
    },

你可能感兴趣的:(react.js,前端,reactjs)