博客

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'));
                    }
                }
            }
        ]
    },