yii2でテキスト入力が空のときにボタンを無効にする方法は？

Question

yii2でテキスト入力が空のときにボタンを無効にしたいですか？ 私を助けることができますか？ これは、まず、ボタンのオプションでdisabled属性 を使用することにより、デフォルトで送信ボタンを無効に おかげ

<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

私のコードです。

その後、Yii2 RegisterJSを使用してJSコードを登録する必要があります。

次に、jQueryを使用してイベントをトリガーし、入力値が変更された後にdisabled属性を削除します。あなたはこのID whith入力の値を変更した場合、コードの上に使用することにより

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

は、それはもうその空でないことを意味し、disabled属性が削除されます。

それとも$("# [id of the input that needs value]").val();は、このコードで再びdisabled属性を削除し、空でない場合も、次のことが確認できます。

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

PS：あなたはまた、そのモデルにルールを定義し、モデルのルールにRequiredように、その属性を行うことができますYiiが検証を処理するようにします。詳細についてはThis documentをご覧ください。