Doesn't work with ng-required="false" and cc-number attribute about angular-credit-cards HOT 3 CLOSED

Sorry but I'm not going to parse the value of ngRequire and not validate if it's false. If you can explain your use case in a little more detail I'm happy to help you with a more direct solution.

from angular-credit-cards.

It seems that your module should support the native validation capabilities in Angular. Its odd that if the code is specifically saying, "Don't validate this input" via ng-required="false", that the module is validating anyway.

In my scenario, we only need to validate the credit card field when entering a new card. When editing an existing card, we only send the last 4 digits of the card to the client. Pretty standard.

The same form is used for both creating and editing card data (name, address, number, cvv, etc). When editing an existing card, the number input is not shown and a span is visible with the 'xxxx-xxxx-xxxx-1234' style for the number. This is the situation where your module should respect ng-required="false" because the input is in the form, but is not being used for this interaction. However, your module is still trying to validate a control when its being instructed not to.

from angular-credit-cards.

Hello, here's another case where this would be appreciated.
In my form, the user can checkout 2 ways.

1. Using the checkout with Paypal button
2. Entering his credit card information and sending it to Stripe.

The form consists of two radio buttons. Paypal hides the credit card form while the other one shows it.

No matter if the credit card is visible or not, the form is never validated because it's expecting a credit card number, expiration date and CVC.

Normally, I would simply set ng-required="isPaidByCreditCard" to ask for validation. In the case of angular-credit-card, this does not work.

Do you know an alternative? Create / remove the credit card form when needed instead of hiding / showing it?

Thank you for your time.

UPDATE: I managed to get it working by adding ng-form around the credit card form and then bypassing it's validation if Paypay button was selected.

from angular-credit-cards.