如何在Yii2中禁用submitButton?

如何在Yii2中禁用submitButton?,yii2,Yii2,在Yii2中提交数据后,如何禁用submitButton?谢谢 <div class="form-group"> <?= Html::submitButton('Summit', ['class' => 'btn btn-primary', 'name' => 'test-button']) ?> </div> 获取submit按钮的id,然后您可以添加一些javascript来监听onclick按钮 $('#submit_button_

在Yii2中提交数据后,如何禁用submitButton?谢谢

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

获取submit按钮的
id
,然后您可以添加一些javascript来监听onclick按钮

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

一种简单的方法是使用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>


在js中提交事件之前添加

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

我有一个错误:语法错误,意外的“=”,期望的是“]”,谢谢,js函数如下?感谢$('click',function(){$(this).prop('disabled',true);});你可以随心所欲。。我的答案是建议使用id和onlick事件。。您可以在html选项中直接使用jquery listner来指定onclikc。使用Yii2,这会禁用按钮,但不会提交任何内容。如果删除onclick,则发送提交。为什么?@MartinPineault禁用的元素不可用且不可单击。
'id' => 'my_button', 'onclick' => '$("#my_button").attr("disabled",true); return;'
$(document).on('beforeSubmit', 'form', function(event) {
    $(this).find('[type=submit]').attr('disabled', true).addClass('disabled');
});