Suggestion for conditional validation?

[brandondurham]

I find myself in a scenario where I have 4 form fields that need validation only under certain conditions, and no validation in others.

Is conditional validation an option?

[brandondurham]

Currently I just keep validation rules in an object and apply conditionally:

if (validateCreditCart) {
    Object.assign(ccProps, {
        cardExpiration: {
            required: true,
            validations: true
        },
        cardNumber: {
            required: true,
            validationErrors: { isCreditCardNumber: 'Invalid card number' },
            validations: 'isCreditCardNumber'
        },
        cardCvv: {
            required: true,
            validationErrors: { isCreditCardCvv: 'Invalid cvv' },
            validations: 'isCreditCardCvv'
        }
    });
}

…

<FormInput
    classGroup={ classGroup }
    className={ styles.fieldCreditCardNumber }
    label="Card number"
    layout={ layout }
    name="cardNumber"
    onChange={ this.onChange }
    onFocus={ this.clearCCFields }
    { ...ccProps.cardNumber }
/>

Is there a better way that you recommend?