FormSection validation, how to handle?

Is there a way to add validation (Sync) at FormSection level? If we consider the example below, i wish i could use the validation system on the address component level. It might not be a good idea, what would you suggest then to deal with nested object models and validation

const renderField = ({ input, label, type, meta: { touched, error, warning } }) => (
  <div>
    <label>{label}</label>
    <div>
      <input {...input} placeholder={label} type={type}/>
      {touched && ((error && <span>{error}</span>) || (warning && <span>{warning}</span>))}
    </div>
  </div>
)

class Address extends FormSection {
  // I need to validate this section ! Is there a Redux-From build-in solution ? 
  render(){
    return (
      <div>
        <Field name="street" type="text" component={renderField} label="Street"/>
        <Field name="city" type="text" component={renderField} label="City"/>
        <Field name="zipCode" type="text" component={renderField} label="Zip Code"/>
        <Field name="country" type="text" component={renderField} label="Country"/>
      </div>
    );
  }
}

const validate = values => {
 // do the validation for the CustomerForm (only the name field)
}

const CustomerForm = (props) => {
  const { handleSubmit, pristine, reset, submitting } = props
  return (
        <form onSubmit={handleSubmit}>
             <Field name="name" type="text" component={renderField} label="Name"/>
             <Address name={'delivery'} />
        </form>
    }
}

 export default reduxForm({
  form: 'customer', // Form name
  fields: [ 'name', 'address' ], // Form fields
  validate // <--- Validation function
})(CustomerForm);

Thank you for your help and advices

[lnhrdt]

There isn’t FormSection level validation

Is this still true? While you’re correct that it can be added at the form level, I’ve modularized my components into Fields and FormSections for reusability and I wish I could encapsulate validation in my FormSection components just like in my Field components.

[gustavohenke]

Hi @lnhrdt, yes, this still holds true. A suggestion I can make you for now is to export the validation functions for each section/field and compose them together.

Here you go, for some good ideas: https://github.com/jfairbank/revalidate