This is a migrated thread and some comments may be shown as answers.

Credit Cards Masks

6 Answers 442 Views

Input

This is a migrated thread and some comments may be shown as answers.

Jugoslav asked on 15 Jan 2013, 09:15 PM

I need to set the mask when they start to type e.g.
if they enter 4 the mask should be 16 digits split into 4 groups of 4 digits each #### #### #### #### - VISA
if they enter number 51-55 the mask should be same as above - MASTERCARD
if they enter 6011 or 65 the mask should be same with the previous two - DISCOVER
if they enter 34 or 37 the last group should be 3 character instead (15 in total) - AMEX

Thank you

EDIT: In addition, the very same regex which works for regular textbox does not work (ONLY AMEX) for Masked textbox:

<telerik:RadMaskedTextBox ID="txtCCNumber" runat="server"

Mask="#### #### #### ####" ValidationGroup="CardValidate" />

<asp:RequiredFieldValidator ID="cardnumbervalidator" runat="server"

ControlToValidate="txtCCNumber" ErrorMessage="Card Number is Required!"

SetFocusOnError="True" ValidationGroup="CardValidate">!</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="cardregvalidator" runat="server"

ControlToValidate="txtCCNumber" ErrorMessage="Card Number is not valid!"

ValidationExpression="^((4\d{3})|(5[1-5]\d{2})|(6011))-?\d{4}-?\d{4}-?\d{4}|3[4,7][\d\s-]{13}$" ValidationGroup="CardValidate">!</asp:RegularExpressionValidator>

6 Answers, 1 is accepted

answered on 06 May 2020, 01:16 AM

I know this is a but old, but I ran into this while i was looking at radnumeric for CC. Check out if telerik has anything new for it. The RadMonthYearPicker is extremelly helpful with month year requirements.

We used this in the past for AMEX, you can see how other CCs would fit in. You could have buttons like the Telerik demo, but they dont mask the cards in the demo. you could after they click on a card to use

https://demos.telerik.com/aspnet-ajax/monthyearpicker/overview/defaultvb.aspx?show-source=true

Take a look at this too

https://www.regular-expressions.info/creditcard.html

Also code project has a nice one that someone did. jsut do a search for credit card valildation.

function SetMask(args) {

myRMTextBox = $find('<%= RadNumericTextBoxCC.ClientID%>');

var mask;

if (args != 'AMEX') {

mask = [