Javascript Form Tidak Boleh Kosong

By , October 25, 2015,

Javascript Form Tidak Boleh Kosong. Javacript yang digunakan untuk mengkonfirmasi bahwa form yang tidak boleh kosong atau dengan kata lain form harus diisi. Tujuan dari fungsi konfirmasi ini adalah agar tidak terjadi kerancuan data yang di input atau data kosong.

Cara kerja fungsi javascript ini adalah dengan membaca form yang kosong. Apabila form kosong dan belum disini maka javascript akan mengarahkan atau redirect menuju form kembali.

Cara lain yang dapat digunakan untuk melakukan atau mencegah form kosong dapat dinput yaitu dengan: Menggunakan fungsi logika script php, menggunakan jquery, menggunakan ajax. Namun untuk kali ini sharing yang saya bagi ke teman-teman adalah menggunakan javascript.

Fungsi Javascript konfirmasi


<script>
 function validateForm() {
 var a = document.forms["myForm"]["nama"].value;
 var b = document.forms["myForm"]["rusak"].value;
 var c = document.forms["myForm"]["password"].value;
 if (a==null || a=="" || b==null || b==""|| c==null || c=="") {
 alert("Tidak boleh kosong");
 return false;
 }
 }
 </script>
 <h3>Tambah Data Kerusakan </h3>
 <form method="post" action="" name="myForm" onsubmit="return validateForm()">
 <table>
 <tr>
 <td>Kode</td>
 <td><input name="nama" type="text" ></td>
 </tr>
 <tr>
 <td>Kerusakan</td>
 <td><input name="rusak" type="text"></td>
 </tr>
 <tr>
 <td>Solusi</td>
 <td><input name="password" type="text" ></td>
 </tr>

</table>

</form>

Contoh Hasil output script konfirmasi:

Javascript konfirmasi Form

Javascript konfirmasi Form

Kegunaan dari script ini yaitu:

  1. Agar form kosong tidak dapat di input
  2. Menghindari kekosongan data
  3. Menghindari error akibat form data kosong dapat diinput

Demikian Tutorial Javascript Form Tidak Boleh Kosong hehe maaf judulnya sedikit aneh. Semoga bermanfaat.

Postingan berikutnya

  1. cara agar input tidak boleh kosong
  2. teks tidak boleh kosong php
  3. script untuk inputan tidak boleh kosong html
  4. membuat java script alert form kosong
  5. koding untuk filed yang tidak boleh kosong
  6. contoh sintak javascript
  7. Cara bikin tidak boleh kosong javascript Html
  8. sintak agar inpit data harus diisi tidak bolrh kosong di java
  9. cara input password kosong dengan java script
  10. scrip pengecekkakan agar halaman tidak boleh kosong
  11. membuat peringatan data tidak boleh kosong
  12. cara membuat form tidak boleh kosong javascript
  13. membuat function script radiobutton kosong php
  14. membuat function script radio button kosong php
  15. Maksud java script tidak boleh kosong

Leave a Reply

Your email address will not be published. Required fields are marked *