{{card.cvc.value || '000'}}
{{ card.number.value || '0000 0000 0000 0000' }}
{{card.name.value || 'Jane Appleseed'}}
{{card.expDate.month.value || '00'}}/{{card.expDate.year.value||'00'}}
Cardholder Name
validate(event.target,true)">
{{card.name.error}}
Card Number
{modInputWSpaces(event);validate(event.target)}" :value="card.number.value" type="text" inputmode="numeric" autocomplete="cc-number" placeholder="e.g. 1234 5678 9123 0000" data-validation-function="number" data-validation-field="card.number" @blur="event=>validate(event.target,true)" >
{{card.number.error}}
Exp. Date (
MM
/
YY
)
{card.expDate.month.value=event.target.value;validate(event.target)}" @blur="event=>{leadZero(card.expDate.month);validate(event.target,true);}">
card.expDate.year.value=event.target.value" autocomplete="cc-exp-year" placeholder="YY" pattern="\d{2}" title="YY" @blur="event=>validate(event.target,true)">
{{card.expDate.error}}
CVC
{card.cvc.value=event.target.value;validate(event.target)}" @blur="event=>validate(event.target,true)" >
{{card.cvc.error}}
Confirm
Thank you!
We've added your card details
Continue