Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
JavaScript Validasi inputan
permisi master saya ingin tanya nih saya punya action seperti ini
<form action="<?php echo base_url(). 'EntryMol/approve'; ?>" onSubmit="validasi()" method="post">
<input type="hidden" id="shift_1" name="shift_1" value="<?php if(!empty($data)) { echo $shift; } ?>">
<input type="hidden" id="tanggal" name="tanggal" value="<?php if(!empty($data)) { $newDate = date("m/d/Y", strtotime($date)); echo $newDate; } ?>">
<div class="form-group">
<label class="control-label col-md-4 col-sm-4 col-xs-12" for="last-name">Total Quantity</label>
<div class="col-md-6 col-sm-6 col-xs-6 item">
<input type="text" id="Total_Quantity1" readonly="" name="Total_Quantity1" class="col-md-4 col-xs-12 form-control" value="<?php if(!empty($total)) { echo $total->Qty; } ?>">
<div class="clearfix"></div>
<br>
<input class="btn btn-round btn-success" id="apporvedata" name="apporvedata" type="submit" value="approve" ></input>
</form>
<a href='#myModal' id="reject" class='btn btn-round btn-danger' data-toggle='modal' onClick="">Reject</a>
</div>
<div class="clearfix"></div>
<br>
</div>
</div>
dan javascript nya seperti ini
<script>
function validasi(){
var total = document.getElementById("Total_Quantity1").value;
if (total !== "") {
return true;
}else{
alert('Quantity Masih Kosong!');
}
}
</script>
pertanyaan saya apakah sudah bener js yang saya gunakan karena alert sudah muncul tapi dia tetap ngelakuin aksi dari action nya. Mohon pencerahnnya terima kasih
5 Jawaban:
ya itu karena agan pake post di html (dia langsung aktif post/submit form) kalau mau pake required di inputnya <pre> <input type="text" id="Total_Quantity1" readonly="" name="Total_Quantity1" class="col-md-4 col-xs-12 form-control" value="<?php if(!empty($total)) { echo $total->Qty; } ?>" required> </pre>
atau kalau mau tetep pake jquery, agan bisa pake jquery post di validasi jquery #cmiiw
kalau gunain jquery value nya yang total di simpen yah apa gimana kalau gunain validasi jquery?
Jawaban Terpilih
contoh simple ajax post <pre> function validasi(){ var total = document.getElementById("Total_Quantity1").value; if (total !== "") { $.ajax({ type: "POST", url: "<?php echo base_url(). 'EntryMol/approve'; ?>", // link url data: { total: total }, success: function(data){ alert('input sukses') // console.log(data); }, error: function (data) { console.log('Error:', data); alert('Sorry, Something error :('); } }); }else{ alert('Quantity Masih Kosong!'); } </pre>
untuk button nya ganti jangan type="submit" tapi type="button"
<pre> <input class="btn btn-round btn-success" id="apporvedata" name="apporvedata" type="button" value="approve" ></input> </pre>
ane rekomendasikan pakai ini aja kalau soal validator http://parsleyjs.org/