tecnocen/yii2-disable-submit-buttons

Yii2 asset to automatically disable submit buttons on Yii2 ActiveForm.


Keywords
jquery, yii, yii2, disable, activeform
License
BSD-3-Clause

Documentation

Tecnocen.com Yii2 Disable Buttons

Yii2 asset to automatically disable submit buttons on Yii2 ActiveForm.

Installation

The preferred way to install this extension is through composer.

Either run

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

or add

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

to the require section of your composer.json file.

Register Asset

Register the tecnocen\assets\ActiveFormDisableSubmitButonsAsset, preferably on your AppAsset dependencies

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

Usage

Add css class disable-submit-buttons to your [ActiveForm] (http://www.yiiframework.com/doc-2.0/yii-widgets-activeform.html) widget.

Optionally if you want to change the text on a button, add the attribute data-disabled-text with the text to be changed.

$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();

With this the :input[type="submit"] buttons will be disabled and if the validation fails the buttons will be enabled again

License

The BSD License (BSD). Please see License File for more information.