✅ Link to the plugin page: https://zeroqode.com/plugin/credit-card-validator-plugin-for-bubble-1695228511270x615230989053681800
Demo to preview the plugin:
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 |
Changelogs
Update 11.09.24 - Version 1.12.0
- Minor update (Marketing update).
Update 20.07.24 - Version 1.11.0
- Minor update .
Update 06.06.24 - Version 1.10.0
- Updated demo/service links.
Update 30.05.24 - Version 1.9.0
- minor update.
Update 05.01.24 - Version 1.8.0
- Updated library, added MIR card validation.
Update 11.12.23 - Version 1.7.0
- minor updates.
Update 19.10.23 - Version 1.6.0
- Updated description.
Update 12.10.23 - Version 1.5.0
- updated description.
Update 18.09.23 - Version 1.4.0
- updated description.
Update 13.09.23 - Version 1.3.0
- updated description.
Update 13.09.23 - Version 1.2.0
- minor updates.
Update 13.09.21 - Version 1.1.1
- Add deprecation notice.
Update 03.04.18 - Version 1.1.0
- Can take a text value input (including spaces).
Update 03.04.18 - Version 1.0.1
- Bugfixes.
Update 20.11.17 - Version 1.0.0
- First public release.
Update 20.11.17 - Version 0.1.0
- Added icons.
Update 20.11.17 - Version 0.0.1
- 0.1.