mhunesi/yii2-cardjs

Yii2 Card JS 资产包

维护者

详细信息

github.com/mhunesi/yii2-cardjs

源代码

问题

安装次数: 62

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分叉: 0

开放问题: 0

v1.0.0 2021-11-29 14:27 UTC

Requires

Apache-2.0 ff3b6bf400ef682629e9ff7c1f84e2a994a50d95

  • Mustafa Hayri ÜNEŞİ <mhunesi.woop@gmail.com>

extensionyii2

This package is auto-updated.

Last update: 2024-09-29 06:14:33 UTC

README

Yii2 Card JS 小部件

Card JS https://github.com/jessepollak/card

安装

安装此扩展的首选方式是通过composer。

运行以下命令之一：

composer require --prefer-dist mhunesi/yii2-cardjs "*"

或者在您的composer.json文件的require部分添加

"mhunesi/yii2-cardjs": "*"

使用

一旦安装了扩展，只需在代码中使用它即可

<div class="row">
    <div class="col-md-6">
        <form class="card-form">
            <input type="text" name="number">
            <input name="name"/>
            <input name="expiry"/>
            <input name="cvc"/>
        </form>
    </div>

    <div class="col-md-6">
        <?= \mhunesi\cardjs\CardJs::widget([
            'clientOptions' => [
                'form' => '.card-form',
                'placeholders' => [
                    'number' => '**** **** **** ****',
                    'name' => 'Name Lastname',
                    'expiry' => '**/**',
                    'cvc' => '***'
                ],
                'formSelectors' => [
                    'numberInput' => 'input[name="number"]',
                    'expiryInput' => 'input[name="expiry"]', 
                    'cvcInput' => 'input[name="cvc"]', 
                    'nameInput' => 'input[name="name"]'
                ],
                'formatting' => true,
                'debug' => YII_ENV_DEV
            ]
        ]) ?>
    </div>
</div>