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?