tecnocen / yii2-disable-submit-buttons

Yii2 资产,用于在 Yii2 ActiveForm 中自动禁用提交按钮。

安装次数: 163

依赖者: 0

建议者: 0

安全性: 0

星级: 2

关注者: 4

分支: 10

语言:JavaScript

类型:yii2-extension

0.2 2016-06-10 19:22 UTC

This package is auto-updated.

Last update: 2024-09-05 07:33:06 UTC


README

Yii2 资产,用于在 Yii2 ActiveForm 中自动禁用提交按钮。

安装

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

运行以下命令之一:

composer require --prefer-dist "tecnocen/yii2-disable-submit-buttons:*"

或者

"tecnocen/yii2-disable-submit-buttons": "*"

将以下内容添加到你的 composer.json 文件的 require 部分:

注册资产

注册 tecnocen\assets\ActiveFormDisableSubmitButonsAsset,最好在你的 AppAsset 依赖中注册

class AppAsset extends yii\web\AssetBundle
{
    public $depends = [
        'tecnocen\\disablesubmitbutton\\assets\\ActiveFormDisableSubmitButtonsAsset',
        // other dependencies
    ];
}

使用方法

将 CSS 类 disable-submit-buttons 添加到你的 [ActiveForm] 小部件中(https://yiiframework.cn/doc-2.0/yii-widgets-activeform.html)。

可选地,如果你想更改按钮上的文本,添加属性 data-disabled-text 并指定要更改的文本。

$form = ActiveForm::begin([
    'options' => ['class' => 'disable-submit-buttons'],
    // other configurations
]);

    // inputs

    Html::submitButton('Submit', [
        // optional, will show the value of `data-disabled-text` attribute
        // while handling the validation and submit
        'data' => ['disabled-text' => 'Please Wait']
    ])

$form->end();

这样,:input[type="submit"] 按钮将被禁用,如果验证失败,按钮将被再次启用

许可证

BSD 许可证(BSD)。请参阅 许可证文件 获取更多信息。