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

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Diperbarui 5 tahun yang lalu

5 Jawaban:

ya itu karena agan pake post di html (dia langsung aktif post/submit form) kalau mau pake required di inputnya <pre> &lt;input type="text" id="Total_Quantity1" readonly="" name="Total_Quantity1" class="col-md-4 col-xs-12 form-control" value="&lt;?php if(!empty($total)) { echo $total-&gt;Qty; } ?&gt;" required&gt; </pre>

atau kalau mau tetep pake jquery, agan bisa pake jquery post di validasi jquery #cmiiw

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 5 tahun yang lalu

kalau gunain jquery value nya yang total di simpen yah apa gimana kalau gunain validasi jquery?

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Dipost 5 tahun yang lalu

Jawaban Terpilih

contoh simple ajax post <pre> function validasi(){ var total = document.getElementById("Total_Quantity1").value; if (total !== "") { $.ajax({ type: "POST", url: "&lt;?php echo base_url(). 'EntryMol/approve'; ?&gt;", // 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> &lt;input class="btn btn-round btn-success" id="apporvedata" name="apporvedata" type="button" value="approve" &gt;&lt;/input&gt; </pre>

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 5 tahun yang lalu

thanks om bantuannya

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Dipost 5 tahun yang lalu

ane rekomendasikan pakai ini aja kalau soal validator http://parsleyjs.org/

avatar mrvolk
@mrvolk

17 Kontribusi 7 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban