Helo,
I have an input to enter year for the credit card expiry date
How can i validate this input for an invalid 4 digits year and should accept only 4 digits onchange and should be greater then current year
const [year, setYear] = useState('');
function onSubmit(e) {
e.preventDefault();
dispatch(
addPayment({
card_holder: name,
card_number: creditCardNo,
expiration_month: month,
expiration_year: year,
card_type: creditCardType,
cvc: cvv,
}),
);
setCreditCardNo('');
setName('');
setCVV('');
setMonth('');
setYear('');
}
<div className={styles.sizeExtraSmall}>
<input
placeholder="Year"
onChange={(e) => setYear(e.target.value)}
required
value={year}
type="number"
/>
<CreditCardSVG className={styles.profileIcons} />
</div>