Instead use myForm.$Exp to determine whether to show a validation error. Because ccExp is not an input and adds a validation property directly to the form, you cannot access its validity as Exp.$valid. Both directives will handle parsing the date components into numbers internally.Ĭc-exp must be placed on a parent element of cc-exp-month and cc-exp-year. The browser's normal maxlength behavior (preventing input after the specified number of characters and truncating pasted text to that length) does not work with type='number'. Validates that the month/year pair has not passedĬc-exp-month and cc-exp-year should both be placed on input elements with type='text' or no type attribute. Validates that the expiration year has not passed.Converts the year to a 4 digit number ( '14' -> 2014), unless full-year is added.Sets maxlength='2' (or 4 with the full-year attribute).The eagerly matched type will be available as $ccEagerType on the model controller.ĭisplaying the card type from a user input: Add the cc-eager-type attribute to your element to enable eager type detection. a 4 can immediately be detected as a Visa). You can also enable eager card type detection to match against card type with only leading digits (e.g.

If no type is provided, ccNumberType will always be valid for any card that passes Luhn and matches any card type. A special validity key- ccNumberType-indicates whether the card matched the specified type. If its value is defined on the scope, the card number will be checked against the type(s) in addition to the Luhh algorithm. The cc-type property is optional and may be a single card type or an array of types. The input pattern used to trigger the dialer keypad on mobile does not allow spaces, causing browsers that implement pattern validation to display an error tooltip. If you're using cc-format, you'll want to apply the novalidate attribute to your to disable native browser validation. Exposes the card type as $ccType on the model controller.Otherwise, checks whether the card matches any valid card type.Checks whether the card is the type(s) specified in scope property in cc-type (optional).Validates the card against the Luhn algorithm.Strips all punctuation and spaces in the model.Can format your inputs into space-delimited groups (e.g.

Angular credit card validator