Validasi Form dengan JavaScript

Validasi Form dengan javascript berguna untuk mencegah data-data yang tidak di inginkan masuk ke dalam database, misalnya, data yang kosong, duplikat data, dan sebagainya...

Pada Tutorial Sebelumnya "Input Data ke Database Mysql dengan PHP" teknik validasi ini belum di terapkan, Sehingga jika kita memasukkan data yang kosong, data tersebut juga akan masuk kedalam database, Hal ini mengakibatkan Database kita menjadi berantakan.untuk mencegah hal itu Tentunya perlu adanya validasi Form dengan Javascript.

Untuk Lebih Cepat downloadlah file yang akan kita gunakan disini . File tersebut adalah file yang ada pada tutorial "Input Data ke Database Mysql dengan PHP" ... Nah kita akan menambahkan "Validasi Form "pada file/ script "aksi_input_data.php"... 

berikut ini code nya validasinya: 

if (empty($_POST['nama']) || empty($_POST['alamat']) || empty($_POST['jk'])) {
    echo '<script language="javascript">
    alert("Data Harus Diisi Semua");
    window.location="input_data.php";
    </script>';
    exit();
}
else {

//  query insert data 

}

Pada code diatas.. digunakan penyeleksian Kondisi dengan " if " , gambaran dari kode diatas ialah..

" Jika ,tidak ada data yang diinputkan / kosong  dari field : nama, alamat, dan Jk, maka munculkan pesan dengan Javascript, "Data Harus Diisi" ,, Jika tidak (artinya datanya ada).. Maka Jalankan query Insert Data .

Sehingga jika kita kombinasikan dengan "query Insert data " akan menjadi :

<?php
// Koneksi 
mysql_connect("localhost","root","");
mysql_select_db("db_ebsof");

//Pengecekan dengan IF untuk data yang kosong
if (empty($_POST['nama']) || empty($_POST['alamat']) || empty($_POST['jk'])) {
 echo '<script language="javascript">
 alert("Data Harus Diisi Semua");
 window.location="input_data.php";
 </script>';
 exit();
}
else {
//Query Insert data
$simpan="INSERT INTO tbl_input SET
  nama='$_POST[nama]',
  alamat='$_POST[alamat]',
  jk='$_POST[jk]'";
mysql_query($simpan);

 echo "data berhasil disimpan ";
 echo "<br>";
 echo "<a href=input_data.php>back</a>";
 }
?>

Demikianlah Validasi Form , yang bisa digunakan untuk mencegah adanya data kosong masuk dalam database.

berikut gambarnya :

Downloadlah file nya disini ... kemudian tambahkan kode validasi sesuai dengan tutorial di atas

NB : Cara mengambil/mengcopy kode :

• Klik pada view plain yang ada di pojok kiri atas , kemudian muncul window baru , dan copy code ny.
  
  

Serach :

Validasi Form dengan Javascript, Membuat Validasi untuk mencegah data kosong masuk di database, membuat validasi di php mysql, Teknik mencegah data kosong masuk di database