validasi form adalah salah satu cara yang digunakan untuk mengurangi terjadinya kesalahan penginputan oleh user. biasanya validasi disesuaikan sesuai data yang dibutuhkan oleh sistem, contohnya textbox tidak boleh kosong, tectbox harus di isi dengan angka atau sebaliknya, dll (masih banyak lagi .hhehe)
disini saya akan membuat validasi yang paling sederhana, yaitu tidak boleh membiarkan textbox kosong pada tombol submit di klik, dan untuk validasi yang lainnya insyallah akan saya posting pada artikel yang selanjutnya. amin
wokeh, langsung aja kita membuat databasenya terlebih dahulu dengan nama database validasi(optional):
CREATE TABLE `t_user` (
`npm` varchar(10) NOT NULL,
`nama` varchar(25) NOT NULL,
`alamat` varchar(50) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
INSERT INTO `t_user` VALUES ('1630030', 'matley', 'bogor');
INSERT INTO `t_user` VALUES ('1630027', 'higi', 'bogor');
selanjutnya kita akan membuat 2 file, yaitu:
1. index.php
2. hasil.php
1. index.php
<? // koneksi mysql_connect("localhost","root","1234567") or die ("Koneksi gagal."); mysql_select_db("validasi"); // cek variabel npm // jika npm tidak kosong maka akan menjalankan script dibawahnya if (isset($_POST['npm'])){ $npm = $_POST['npm']; $nama = $_POST['nama']; $alamat = $_POST['alamat']; // cek variabel npm, nama, dan alamat // jika kosong maka akan membuat variabel pesan // sebaliknya jika tidak kosong, maka akan menginput ke database if ((!$npm) || (!$nama) || (!$alamat)){ $pesan = "Lengkapi field yang kosong."; }else{ $sql = "insert into t_user(npm, nama, alamat)values('$npm','$nama','$alamat')"; $proses = mysql_query($sql); // jika proses berhasil maka akan beralih ke halaman hasil.php // jika tidak akan membuat variabel dengan nama p_gagal if ($proses){ header("location:hasil.php"); }else{ $p_gagal = "Gagal memasukkan data."; } } }else{ unset($_POST['npm']); } ?> <form id="form1" name="form1" method="post" action="index.php"> <table width="447" border="0" align="center"> <tr> <td width="57">Npm</td> <td width="8"> </td> <td width="367"><input type="text" name="npm" value="<?php echo isset($_POST['npm']) ? $_POST['npm'] : '';?>" /></td> </tr> <tr> <td>Nama</td> <td> </td> <td><input type="text" name="nama" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : '';?>" /></td> </tr> <tr> <td>Alamat</td> <td> </td> <td><input type="text" name="alamat" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : '';?>" /></td> </tr> <tr> <td> </td> <td> </td> <td><input type="submit" name="Submit" value="Submit" /> <? echo "$pesan $p_gagal"; ?></td> </tr> </table> </form>
script yang dicetak tebal digunakan untuk mengecek variabel masing2 textbox, jika sudah terisi maka tetap akan ada, dan jika kosong makan akan tetap kosong laah .hhihi (bcanda gan.. piss)
2. hasil.php
<? mysql_connect("localhost","root","1234567") or die ("Koneksi gagal."); mysql_select_db("validasi"); $ambil_data = mysql_query("select * from t_user"); echo "<table border='1' align='center'><tr> <td>Npm</td> <td>Nama</td> <td>Alamat</td> </tr>";
while ($data=mysql_fetch_array($ambil_data)){ echo "<tr> <td>$data[npm]</td> <td>$data[nama]</td> <td>$data[alamat]</td> </tr>"; } echo "</table>"; echo "<a href='index.php'>kembali</a>"; ?>
naah, selanjutnya terserah anda bagaimana cara mengembangkannya sehingga menjadi sesuatu yang wahh .hhehe
silahkan download scriptnya disini.
4 komentar