OnBlur event improvement

[Diizer]

Hi, your credit card solution for react very nice!

It would be awesome, if OnBlur event, for each inputs, would shows us an invalid state.
Also if input is invalid, error notification shoud not disapear.
Now If you fill card number (with invalid card), then fill CVC input - there is no error message for invalid card.

For example, if I'd like to disable submit button, if at least one input are invalid.

Now its looks like -

And if invalid card, no error after filling CVC and OnBlur

[jxom]

I am currently finishing up a new package for using payment inputs with React, which I hope to publish soon!

The new package will handle error event handling much better.

If you're interested, I'm planning to add a migration guide to migrate from react-credit-card-input to the new package - don't worry, it will be a small migration.

I'll comment here again once it's published. :)

[Diizer]

Hi, Jake
Sounds great!
Btw, I'm still waiting for resolving this issue. If you have a better package that would be nice, I'll definitely use it )

[jxom]

We have just recently published a new library, React Payment Inputs which is a rewrite of react-credit-card-input, and fixes a lot of issues that were raised in this repository as well as a few extra enhancements.

Your issue that you raised here should be fixed in React Payment Inputs - however, if you wish to still use react-credit-card-inputs, I'll try find time to fix this issue in the future.