Membuat Validasi Javascript pada Form

Membuat Validasi Javascript pada Form

Selamat malam agan sobat semua.. kawan-kawanku senasib seperjuangan (alay).

Nah begini kawanku,setelah tadi siang mas putra udah bagiin ilmu mas putra tentang pemrograman menggunakan bahasa C++ sekarang waktunya mas putra bagiin ilmu turunannya pemrograman dasar tuh,ilmunya orang-orang IT kalau udah bicara internet. Apalagi kalau bukan pemrograman web.

Saya sebagai anak TKJ pengen banget tuh gan bisa jadi masternya pemrograman web,maklum gan,. di era sekarang yang namanya persaingan ilmu itu udah ketat banget. kalau cuma sekolah dan lulus dengan modal itu-itu saja pastilah kita tidak akan menjadi apa didunia kerja gan. kemampuan yang mendalam tentang komputer dan pemrogramannya merupakan dasar kuat agar kita mampu menguasainya suatu saat nanti gan. Langsung aja check it dot!

Adik-adik agan yang utamanya kelas 10 TKJ pastilah tidak akan bingung dengan apa itu form web. karena di jam pelajaran resmi materi ini telah diajarkan pada jamnya.

Pasti agan bertanya-tanya? Apasih form itu?

Form web adalah formulir yang digunakan pada web untuk melakukan pengisian sebuah data.

Dan juga pasti agan bertanya-tanya juga? Apasih Validasi? Kok Harus ada ya?

Nah,begini gan.. kalau dinalar-nalar validasi itu bisa diartikan sebuah pengecekan. pengecekan disini maksudnya apakah data yang telah dimasukkan pada form web telah benar dan sesuai dengan ketentuan.

Untuk jenis validasi ada 2 macam gan,
1. Validasi langsung dari form.
2. Validasi dengan Javascript.

disini kita bakal ngebahas tuh gan validasi dengan java script.

untuk syntax JS dan validasinya sebagai berikut nih gan. amati gan!
____________________________________________________________________________________

<script>
 function cekForm() {
         if (document.fValidate.txtNis.value == "") {
            alert("Masukkan NIS anda!");
            document.form['fValidate'].txtNis.focus();
            return false;
         } else if (document.fValidate.txtNama.value == "") {
            alert("masukkan nama anda!");
            document.form['fValidate'].txtNama.focus();
            return false;
        } else if (document.fValidate.txtAlamat.value == "") {
            alert("masukkan alamat anda!");
            document.form['fValidate'].txtAlamat.focus();
            return false;
        } else if (!document.fValidate.sex[0].checked && !document.fValidate.sex[1].checked) {
            alert("Pilih Jenis Kelamin");
            return false;
        } else if (document.fValidate.Agama.selectedIndex == "") {
            alert("Pilih Agama anda!");
            document.form['fValidate'].Agama.focus();
            return false;
        } else if (document.fValidate.Jurusan.selectedIndex == "") {
            alert("Pilih jurusan anda!");
            document.form['fValidate'].Jurusan.focus();
            return false;
        } else if (!document.fValidate.agree.checked) {
            alert("Anda belum menyetujui bahwa data anda benar adanya!");
            return false;
        } else {
            document.fValidate.submit("semalat anda telah terdaftar");
        }
    }
</script>
____________________________________________________________________________________

dari Syntax diatas kita gabungkan dengan script form kita gan,nah disini ada 2 syntax yang mengaitkan antara Validate script dengan Form Script gan, Yaitu nama form dan function value gan.

untuk script html lengkapnya ini gan
____________________________________________________________________________________