Demo to preview the settings
Introduction
This plugin validates credit card numbers and identifies card types locally. When a card number is entered, it checks validity and publishes the card's type and an icon for easy recognition. This secure solution allows applications to quickly verify card information without relying on external APIs.
How to setup
- Install the plugin
- Add the “Card Validator” Element
Add the
Card Validator element to your page. This will allow you to perform credit card validation and identify card types.- Set the “Card Number” Property
In the Card Validator's properties, set the Card Number field to the value of your credit card input. Ensure that the input is set as an integer to work with the Card Validator.
Supported Card Types
The Card Validator supports a wide range of card types, including:
- American Express
- Dankort
- Diners Club Carte Blanche
- Diners Club International
- Diners Club United States & Canada (actually a MasterCard)
- Discover Card
- JCB
- Laser
- Maestro
- MasterCard
- UATP
- Visa
- Visa Electron
Plugin Element “Card Validator”
Fields:
Title | Description | Type |
Card Number | Takes a numeric credit card number input to validate its format and determine the card type. It must contain only numbers without spaces or special characters. | Number (integer) |
Exposed states
Name | Description | Type |
Card number is valid | Indicates whether the provided card number is valid. Returns Yes for valid card numbers and No otherwise. | Yes/No |
Card type | Displays the identified card type, such as "Visa," "MasterCard," or "American Express," based on the card number. | Text |
Card icon (use in text element) | Returns a Font Awesome icon string specific to the identified card type, allowing you to visually represent the card's logo in a Text element. Each icon string is formatted to work with Font Awesome, displaying a distinct logo based on the card type (e.g., Visa, MasterCard, American Express).
Obscure cards without font-awesome logos return a generic card icon. | Text |
