Home / Belajar Php / Cara Membuat Validasi Form Input Data Dengan Java Script

Cara Membuat Validasi Form Input Data Dengan Java Script

Java Script untuk validasi form input sebenarnya sangatlah dibutuhkan dalam membuat web, dimana validasi ini merupakan salah satu cara yang untuk mendapatkan kebenaran data, ke validtan data, dan validasi ini juga berguna untuk melengkapi inputan data.

validasi-input-data-java-script
Validasi Java Script

contoh: kamu pernah daftar email ngak? pasti pernahkan… misalnya ketika kita melakukan register di gmail, kemudian kita disuruh memasukan nama, tanggal lahir, kemudian email dan sebagainya. nama kita tidak boleh kosong, kalau inputan nama kosong maka akan keluar pesan nama harus di isi.

nah di tutorial Cara Membuat Validasi Form Input Data Dengan Java Script kita akan mempelajari bagaimana membuat validasi suatu form inputan wajib di isi, kita akan membuat validasi minimal inputan misalnya nama harus 6 karakter, atau validasi minimal inputan dan yang di input harus hurup dan angka. dan validasi pilihan radio button, validasi pilihan combobox, validasi inputan hanya angka, serta validasi inputan email, dimana email biasanya ditandai dengan @, jika tidak pakai @ maka akan error.

oke berikut tutorial lengkap Membuat Validasi Form Input Data Dengan Java Script

pertama buka text editor anda, bisa pakai dreamweaver atau notepad juga gk pa-pa.

  • Inputan Tidak Boleh Kosong

Misalnya anda mau login ke sosial media, pasti email anda tidak boleh kosong, nah bagaiman cara mencegah inputan form tidak boleh kosong, kalau masih kosong akan keluar pesan alert. oker berikut cara mencegah inputan kosong.

simpan script diatas dengan nama terserah anda, letakan di dalam htdocs anda.

onsubmit="return validasi_form_input(this)" jika kita tekan tombol submit maka akan memanggil fuction validasi, berikut script validasi nya
gabungkan kedua script tersebut menjadi satu, seperti dibawah ini
coba dibuka di localhost anda, misalnya http://localhost/nama_file.php

kemudian biarkan username kosong dan tekan submit maka akan keluar pesan Brooo.. Isi Dulu Username nya,,, masih kosong Tu…!

setelah username diisi kemudian klik submit maka akan menuju ke proses.php

  • Validasi Untuk Membatasi Minimal Inputan

misalnya kita ingin user yang mendaftar ke web kita mengisi username minimal 5 karakter, berikut java scriptnya

ganti java script diatas dengan javascript dibawah ini.

jika username yang diisi cuma 3 karakter maka akan keluar pesan Bro..Username Minimalnya 5 Karater..!

  • Validasi Minimal Inputan dan hanya Boleh Huruf atau Angka

misalnya dalam input data kita ingin data yang di input hanya huruf dan atau angka tidak boleh titik koma, berikut cara membuatnya.

  • Membuat Validasi Untuk Combobox

misalnya dalam input jenis kelamin atau agama, kita ingin agar user harus memilih agamanya. berikut scriptnya

Pelajari Juga: Cara Membuat Combobox Bertingkat Dinamis Dari Database

  • Membuat Validasi Radio Button

biasanya Validasi radio button ini dipakai dalam pemilihan jenis kelamin, dan jika jenis kelamin belum dipilih maka akan keluar pesan untuk memilih. berikut scriptnya

  • Validasi Input Angka atau Nomor

misalnya dalam penginputan nomor handphone maka tidak boleh ada huru az

  • Membuat Validasi Input Email

yang namanya email sudah pasti pakai @, jika tidak pakai @ maka akan kita buat error inputannya.

nah itulah validasi-validasi yang kita buat dengan java script kali ini semoga tutorial cara membuat validasi form input dengan java script ini bisa menjadi contoh dalam pembuatan aplikasi web anda. jika ada yang kurang jelas mohon disampaikan ke saya. dan jika jelas mohon sharenya.

oke sekian

salam programer – phpdanmysql.com

  • cara membuat validasi tanggal lahir dengan javascript di html
  • tutorial membuat validasi format tanggal javascript
  • contoh login ke home java script
  • cara mmbuat validasi data mahasiswa di dw
  • cara validasi combobox di java
  • cara buat validasi form login javascript
  • gabungkan form radio button dan proses dengan php
  • javascript jenis kelamin
  • javascript validasi form kosong
  • javascript validasi form login
Content Protection by DMCA.com

About adies

Nama Saya Adies, Saya Adalah Admin dari Blog phpdanmysql.com ini, Saya bukan seorang ahli Pemrograman Php dan MySQL, Saya hanya seseorang yang gemar belajar Pemrograman karena Pendidikan yang berlatar belakang Sarjana Informatika

Check Also

Cara Membuat Diagram Statistik Dinamis Dengan Php dan MySQL

Cara Membuat Diagram Statistik Dinamis Dengan Php dan MySQL, pada kali ini saya sempatkan diri …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *