Technical, Productivity, Ecommerce
Credit Card Input Formatter
This plugin enables you to add intuitive and user-friendly input fields specifically formatted for credit card details. Users can input credit card numbers, expiration dates, and CVC codes with automatic formatting based on the chosen card type, making it ideal for secure payment interfaces.
Features:
Dynamic Card Number Formatting: Automatically adjusts the card number input pattern based on the card type (Visa, Mastercard, Amex, Discover).
CVC Validation: Formats CVC input according to the card type, allowing either three or four digits.
Expiration Date Validation: Checks that the entered expiration date is valid and not expired.
Easy Setup and Integration: Place input fields on any page with simple configuration.
There is also a card element that you can use to represent the created card for the user.
Field Types
1. Card Number Input
Automatically formats card numbers according to the selected card type.
Compatible with Visa, Mastercard, Amex, and Discover card types.
2. CVC Input
Limits CVC length according to card type (three digits for most cards, four digits for Amex).
3. Expiration Date Input
Ensures the expiration date is formatted correctly, you will need to validate it yourself
Demo: https://chakor-plugin-demo-3.bubbleapps.io/version-test/card_input_format
Demo Editor: https://bubble.io/page?id=chakor-plugin-demo-3&test_plugin=1730885308971x887416714774970400_current&tab=Design&name=card_input_format&type=page

No ratings yet

7 installs