Is there a specific regular expression that can be used for validating Credit Card Expiry dates in Javascript/Ang

Question

Is there a specific regular expression that can be used for validating Credit Card Expiry dates in Javascript/Ang

I am currently working on a textfield where users can enter their credit card expiry date in the format mm/yy. To ensure the validity of this input, I have implemented JavaScript validation using regular expressions. Here is an example of what I have tried:

var s = "11/12";                                                        
/^(0[1-9]|1[0-2])\/\d{2}$/.test(s);

While the above expression successfully validates the month, it allows for incorrect years such as 00, 12, and 17. How can I modify the regular expression to also validate the year?

javascript angularjs

Answer 1

Answer №1

If you want to ensure accuracy, a more precise date validation can be achieved by utilizing JavaScript's Date API. Here is an example:

function validateExpiry (input) {
  // Check if the basic format is correct
  if (input.match(/^((0[1-9]|1[0-2])\/\d{2})$/)) {
    const {0: month, 1: year} = input.split("/");
    
    // Set the expiry date as midnight of the first day of the next month
    const expiry = new Date("20" + year, month);
    const current = new Date();
    
    return expiry.getTime() > current.getTime();
    
  } else return false;
}

console.log("01/32", validateExpiry("01/32"));
console.log("01/19", validateExpiry("04/18"));
console.log("05/18", validateExpiry("05/18"));
console.log("05.18", validateExpiry("05.18"));
console.log("00/23", validateExpiry("00/23"));
console.log("invalid", validateExpiry("invalid"));

Answer 2

If you want to ensure accuracy, a more precise date validation can be achieved by utilizing JavaScript's Date API. Here is an example:

function validateExpiry (input) {
  // Check if the basic format is correct
  if (input.match(/^((0[1-9]|1[0-2])\/\d{2})$/)) {
    const {0: month, 1: year} = input.split("/");
    
    // Set the expiry date as midnight of the first day of the next month
    const expiry = new Date("20" + year, month);
    const current = new Date();
    
    return expiry.getTime() > current.getTime();
    
  } else return false;
}

console.log("01/32", validateExpiry("01/32"));
console.log("01/19", validateExpiry("04/18"));
console.log("05/18", validateExpiry("05/18"));
console.log("05.18", validateExpiry("05.18"));
console.log("00/23", validateExpiry("00/23"));
console.log("invalid", validateExpiry("invalid"));

Is there a specific regular expression that can be used for validating Credit Card Expiry dates in Javascript/Ang

Answer №1

Similar questions

Encountering a Next.js error while trying to link to a dynamic page

` `Spinning graphics and written content``

Issues encountered with JSON formatting following jQuery ajax request

Creating numerous hash codes from a single data flow using Crypto in Node.js

The submission of an Angular form results in errors such as being unavailable or

What is Angular's approach to handling elements that have more than one directive?

Dividing one SVG into Multiple SVGs

The custom layout in NestJS version 13 failed to display

Displaying tooltips dynamically for newly added elements all sharing a common class in React

Creating a dynamic button with Angular that appears when focused

How does the performance contrast between "skip if condition" and "immediately return"?

The jQuery .post function is successfully executing, but it is strangely triggering the .fail method without

Incorporate a distinct, unique value from a JSON dataset into each iteration of the .each statement

Utilizing the Power of GrapesJs in Vue3

Using deconstruction in exporting as default

Having trouble resolving this issue: Receiving a Javascript error stating that a comma was expected

When using node.js, the Ajax success function is not being executed

Discovering and revising an item, delivering the complete object, in a recursive manner

When encountering a TypeError where it is not possible to read the property 'data' of an undefined value, the result returned may be

What is the best way to add an insert button to every row?