如何在 Yii2 中禁用提交按钮？答案

【问题标题】：How to disable a submitButton in Yii2?如何在 Yii2 中禁用提交按钮？
【发布时间】：2021-02-10 19:29:36
【问题描述】：

在 Yii2 中提交数据后如何禁用 submitButton？谢谢。

<div class="form-group">
   <?= Html::submitButton('Summit', ['class' => 'btn btn-primary', 'name' => 'test-button']) ?>
 </div>

【问题讨论】：

标签： yii2

【解决方案1】：

在js中添加beforeSubmit事件

$(document).on('beforeSubmit', 'form', function(event) {
    $(this).find('[type=submit]').attr('disabled', true).addClass('disabled');
});

【讨论】：

【解决方案2】：

获取提交按钮的id，然后你可以添加一些javascript来监听onclick按钮。

$('#submit_button_selector').on('click',function() {
    $(this).prop("disabled",true);
});

【讨论】：

【解决方案3】：

一种简单的方法是使用 id 和 onclick 事件，例如：

<div class="form-group">
   <?= Html::submitButton('Summit', ['class' => 'btn btn-primary', 'name' => 'test-button', 
      'id' => 'my_button', 'onclick' => '$("#my_button").attr("disabled", "disabled");' ]) ?>
 </div>

试试

'id' => 'my_button', 'onclick' => '$("#my_button").attr("disabled", "disabled"); return;'

或

'id' => 'my_button', 'onclick' => '$("#my_button").attr("disabled",true); return;'

【讨论】：

我有这个错误：语法错误，意外'='，期待']'谢谢
而js函数如下？谢谢 $('#submit_button_selector').on('click',function() { $(this).prop("disabled",true); });
你可以随心所欲.. 我的回答是建议使用 id 和 onlcik 事件.. 即使你更喜欢在 html 选项中直接使用 jquery 列表器，你也可以分配 onclikc。 .
使用 Yii2，这确实禁用了按钮，但没有提交任何内容。如果我删除 onclick，则发送提交。为什么？
@MartinPineault 禁用的元素无法使用且无法点击。