Halo, kali ini saya akan berbagi tips/kode Cara memberi Alert dan disable submit button PHP HTML, langsung saja, kali ini logikanya.
contoh : saya ada retur barang yang dimana retur tersebut tidak boleh lebih besar dari barang yang dikirim.
Kiriman barang = 10
Retur = 5
kondisi di atas di perbolehkan, tetapi dalam kasus kali ini, kita tidak boleh menginput Retur lebih dari 10, nah, jika input lebih dari 10, disini kita input 11, maka aplikasi akan memberikan alert pesan javascript , lalu aksi selanjutnya melakukan blok submit button, sehingga user tidak bisa melakukan submit button.
Kode field Input :
<div class="col-xs-6"><label>Harga Satuan</label>
<input type="text"class="form-control" id="total" value="<?php echo Yii::app()->numberFormatter->format("#########",Yii::app()->db->createCommand('select harga_Jual as total from sub_trans where id_trans='.$aso.'')->queryScalar());?>" readOnly required/>
</div>
<div class="col-xs-12">
<?php echo $form->labelEx($model,'Qty Retur'); ?>
<input name="SubTrans[qty_item]" type="number" min=0 id="input1" class="form-control" onkeyup="sum();compare_input();" required/>
<?php echo $form->error($model,'qty_item'); ?>
</div>
simpan di view kamu,
<script>
function sum() {
var total = document.getElementById('total').value;
var input1 = document.getElementById('input1').value;
var result = parseFloat(input1)*parseFloat(total);
if (!isNaN(result)) {
document.getElementById('txt1').value = result;}
}
function compare_input(){
var jml = document.getElementById('jml').value;
var input1 = document.getElementById('input1').value;
//var result= parseFloat(input1)-parseFloat(jml);
var fileSubmit = document.getElementById("butt");
if(parseFloat(input1)>parseFloat(jml)){
alert('Retur terlalu besar');
fileSubmit.disabled = true;
}else{fileSubmit.disabled = false;}
}
</script>
simpan kode ini di paling bawah sebelum button submit
<div class="row buttons">
<?php echo CHtml::submitButton($model->isNewRecord ? 'Buat Retur' : 'Save',array('class' => 'submitBtn','confirm'=> 'Pastikan Harga dan Stok sudah BENAR.','id'=>'butt','disabled'=>'disabled')); ?>
</div>
bisa di tes dengan malkukan input begini hasilnya :
setelah alert , disable submit button.
kamu bisa lihat perbedaan button nya, sekian untuk kali ini, semoga bermanfaat.