Chhay-card-number-element | Stripe Developers | Page 1

haughty quiver Jun 22, 2022, 3:44 AM

#

👋 Happy to help

#

What kind of validation are you referring here?

surreal needle Jun 22, 2022, 3:45 AM

#

Screen_Shot_2022-06-22_at_10.45.00_AM.png

#

Is it possible to display the Required message under the CardNumber ?

haughty quiver Jun 22, 2022, 3:47 AM

#

Which integration are you using? Payment Element or CardNumberElement only?

surreal needle Jun 22, 2022, 3:47 AM

#

CardNumberElement, CardExpiryElement, CardCvcElement

haughty quiver Jun 22, 2022, 3:52 AM

#

Let me check how to do the validation on individual element

haughty quiver Jun 22, 2022, 4:15 AM

#

In the element, "change" callback supports the event changed: https://stripe.com/docs/js/element/events/on_change?type=cardNumberElement

#

You can use "event.complete" to validate whether the field is completed before confirming the card

surreal needle Jun 22, 2022, 4:18 AM

#

yes, I can do it on event change

#

but what if the user submit the form without touching those fields, how the event change happen?

haughty quiver Jun 22, 2022, 4:21 AM

#

if the user doesn't touch the field, it means that the form is empty and you can prompt the empty error accordingly

surreal needle Jun 22, 2022, 4:23 AM

#

So it means that we need to handle the React State "Required Fields" by our own

#

there is no any options in CardElement?

haughty quiver Jun 22, 2022, 4:30 AM

#

CardElement and PaymentElement do the validation whereas CardNumberElement alone doesn't

#

The state for individual element will be maintained on your side

surreal needle Jun 22, 2022, 4:33 AM

#

THank you boss

#

have a greate day

#

!!

haughty quiver Jun 22, 2022, 4:34 AM

#

No problem! Happy to help 🙂

#Chhay-card-number-element