Yii2 credit card widget with client validation

dev-master 2017-10-18 11:40 UTC

This package is not auto-updated.

Last update: 2022-06-28 17:39:04 UTC


Latest Stable Version License

Yii2 Bootstrap 3 components, providing client validated and masked credit card number, expiry and cvc fields with credit card icon changing to match credit card type when detectable.

Uses client validation courtesy of Stripe ( and works with validation in ActiveForm.

For PCI compliance, there is the ability to prevent submit of these fields via the submit property by excluding the name attribute from the rendered input element.


The preferred way to install this extension is through composer. Check the composer.json for this extension's requirements and dependencies. Read this web tip /wiki on setting the minimum-stability settings for your application's composer.json.

To install

$ php composer.phar require alkurn/yii2-creditcard "@dev"

or add

"alkurn/yii2-creditcard": "@dev"

to the require section of your composer.json file.

Latest Release

NOTE: The latest version of the module is v1.1.0. Refer the CHANGE LOG for details.

Usage in view

Note that the input names here have been chosen to fit work with the tuyakhov\braintree extension

use yii\bootstrap\ActiveForm;
use alkurn\creditcard\CreditCardNumber;
use alkurn\creditcard\CreditCardExpiry;
use alkurn\creditcard\CreditCardCVCode;

<?php $form = ActiveForm::begin() ?>
    <div class="container">
        <div id="card" class="row">
            <div class="col-xs-7">
                <?= $form->field($bookingForm, 'creditCard_number')->widget(CreditCardNumber::className(), ['submit' => false,]) ?>
            <div class="col-xs-3">
                <?= $form->field($bookingForm, 'creditCard_expirationDate')->widget(CreditCardExpiry::className(), ['submit' => false,]) ?>
            <div class="col-xs-2">
                <?= $form->field($bookingForm, 'creditCard_cvv')->widget(CreditCardCVCode::className(), ['submit' => false,]) ?>
<?php ActiveForm::end() ?>


yii2-creditcard is released under the MIT License. See the bundled for details.