Question

我希望在yii2中文本输入为空时禁用按钮？你能帮助我吗？这是我的代码感谢

<div class="pemesanan-search thumbnail padding-baru col-sm-6 input">

    <?php $form = ActiveForm::begin([
        'action' => ['menubayar'],
        'method' => 'get',
    ]); ?>

    <?= $form->field($model, 'NO_REKENING') ?>

    <?= $form->field($model, 'NO_KARTU') ?>

    <?= $form->field($model, 'NAMA') ?>

    <div class="form-group">
        <center><?= Html::submitButton('Cek Kartu Kredit', ['class' => 'btn btn-default']) ?></center>
    </div>

    <?php ActiveForm::end(); ?>

</div>

Answer 1

默认情况下，首先使用disabled属性禁用提交按钮在按钮的选项中。

之后，您必须使用Yii2 RegisterJS注册JS代码。

然后在输入值更改后使用jQuery触发事件以删除disabled属性。

$( "# [id of the input that needs value]" ).change(function() {
   $('input[type="submit"]').removeAttr('disabled');
});

通过使用上面的代码，如果您更改此id的输入值，则表示它不再为空，并且disabled属性将被删除。

或者您也可以检查$("# [id of the input that needs value]").val();是否为空，请使用以下代码再次删除已禁用的属性：

$('input[type="submit"]').removeAttr('disabled');

P.S：您也可以在其模型中定义规则，并在模型规则中将该属性设为Required，让Yii处理验证。您可以通过阅读This document了解更多相关信息。

如何在yii2中文本输入为空时禁用按钮？

1 个答案: