Cara Membuat Form Validasi Data di PHP ~ Galeri Komputer

Assalamualaikum wr , wb . bertemu lagi dengan saya Eka Teddy Budhana Gotama , di Postingan saya kali ini Cara Membuat Form Validasi Data di PHP . baik kita simak langkanya .

Form validation adalah sebuah form yang mampu melakukan validasi pada tiap inputan pada form. misal nya jika seorang user belum melakukan pengisian nama dan saat user mengklik tombol sumbit maka akan muncul pemberitahuan bahwa user belum mengisi nama pada form .

langkah pertama kita akan membuat sebuah form sederhana di mana user akan menginput data pada form ini. buat file form.php dan aksi-form.php sebagai pengecek kevalitan inputan oleh user.
form.php

<html>
   <head>
    <title>CARIKODE</title>
    <link href="style.css" rel="stylesheet" type="text/css"></link>
   </head>
   <body>
    <form action="aksi-form.php" method="get">
     <div id="lay-form">
      <div id="kep-lay-form">
    
     <h1>
Form Registrasi</h1>
</div>
<div id="bad-lay-form">
      
          <table>
<tr>
        <td class="lbl">Nama</td>
        <td><input type="text" name="nama" placeholder="Masukkan nama .."></td>
       
       </tr>
<tr>
        <td class="lbl">Email</td>
        <td><input type="text" name="email" placeholder="Masukkan email .."></td>
       </tr>
<tr>
        <td class="lbl">Username</td>
        <td><input type="text" name="username" placeholder="Masukkan username .."></td>
       </tr>
<tr>
        <td class="lbl">Password</td>
        <td><input type="password" name="password" placeholder="Masukkan password .."></td>
       </tr>
<tr>
        <td class="lbl"></td>
        <td><input id="btn" type="submit" value="Oke"></td>
       </tr>
</table>
</div>
</div>
</form>
</body>
</html>

<html>

<head>

<title>CARIKODE</title>

</head>

<body>

<h1>Form Registrasi</h1>

</div>

<table>

<tr>

</tr>

<tr>

<td class="lbl">Email</td>

</tr>

<tr>

<td class="lbl">Username</td>

</tr>

<tr>

<td class="lbl">Password</td>

</tr>

<tr>

</tr>

</table>

</div>

</form>

</body>

</html>

style.css

body{
 background:#ECF0F1;
 font-family:sans-serif;
 font-size:10pt;
 color:#232323;

}
#lay-form{
 width:500px;
 background:#fff;
 height:600px;
 border-radius:10px 10px 10px 10px;
 margin:30px auto;
}
#kep-lay-form{
 border-bottom:1px solid #7F8C8D;
 height:45px; 
}
#kep-lay-form h1{ 
 padding-top:5px;
 padding-left:10px;
}
input{
 width:300px;
 height:30px;
 border:1px solid #2ECC71;
 margin-bottom:15px;
 padding-left:5px;
}
table{
 padding-top:50px;
 padding-left:30px;
}
#bad-lay-form{
 height:480px;

}
.lbl{
 width:125px;
}
#btn{
 background:#2ECC71;
 margin-top:30px;
}

body{

background:#ECF0F1;

font-family:sans-serif;

font-size:10pt;

color:#232323;

}

#lay-form{

width:500px;

background:#fff;

height:600px;

border-radius:10px 10px 10px 10px;

margin:30px auto;

}

#kep-lay-form{

border-bottom:1px solid #7F8C8D;

height:45px;

}

#kep-lay-form h1{

padding-top:5px;

padding-left:10px;

}

input{

width:300px;

height:30px;

border:1px solid #2ECC71;

margin-bottom:15px;

padding-left:5px;

}

table{

padding-top:50px;

padding-left:30px;

}

#bad-lay-form{

height:480px;

}

.lbl{

width:125px;

}

#btn{

background:#2ECC71;

margin-top:30px;

}

jika form sudah jadi maka kita akan mulai membuat aksi-form.php untuk mengecek kevalitan inputan nya .

<?php
$nama=$_GET['nama'];   //menangkap data dari url dan mengubahnya ke variabel nama
$email=$_GET['email'];   //menangkap data dari url dan mengubahnya ke variabel email
$username=$_GET['username'];    //menangkap data dari url dan mengubahnya ke variabel username
$password=$_GET['password'];    //menangkap data dari url dan mengubahnya ke variabel password


if($_GET['nama']=="" && $_GET['email']=="" && $_GET['username']=="" && $_GET['password']==""){
    header("location:form.php?kosong=semua");
}else if($_GET['nama']==""){
    header("location:form.php?kosong=nama");
}else if($_GET['email']==""){
    header("location:form.php?kosong=email");
}else if($_GET['username']==""){
    header("location:form.php?kosong=username");
}else if($_GET['password']==""){
    header("location:form.php?kosong=password");
}
?>

<?php

$nama=$_GET['nama']; //menangkap data dari url dan mengubahnya ke variabel nama

$email=$_GET['email']; //menangkap data dari url dan mengubahnya ke variabel email

$username=$_GET['username']; //menangkap data dari url dan mengubahnya ke variabel username

$password=$_GET['password']; //menangkap data dari url dan mengubahnya ke variabel password

if($_GET['nama']=="" && $_GET['email']=="" && $_GET['username']=="" && $_GET['password']==""){

header("location:form.php?kosong=semua");

}else if($_GET['nama']==""){

header("location:form.php?kosong=nama");

}else if($_GET['email']==""){

header("location:form.php?kosong=email");

}else if($_GET['username']==""){

header("location:form.php?kosong=username");

}else if($_GET['password']==""){

header("location:form.php?kosong=password");

}

syntax di atas adalah syntax aksi-form.php yang bertujuan untuk memeriksa kekosongan dari inputan yang di lakukan user.
kita akan mencoba untuk menginput data pada form tersebut dengan mengosongkan salah satu data .

dan saat user mengklik tombol submit

begitu juga saat user belum mengisi nama, email, dan username. akan muncul pesan peringatan bahwa user belum mengisi nama, email atau username .
dan bagaimana jika user tidak mengisi apapun

saat user klik tombol

penjelasannya cukup sederhana. kita hanya melakukan pengecekan isi dengan aksi-form.php . dan jika salah satu inputan kosong maka akan di alihkan dan dengan method GET akan menangkap data yang kosong. dan menampilkan pesan error atau pesan peringatan .intinya di sini yang berperan penting dalam proses validasi adalah pengecekan dengan kondisi if-else dan method GET yang mengolah pengalihan dan menampilkan pesan.

Sumber : http://www.carikode.com/tutorial-belajar-php-lanjutan-cara-membuat-form-validation-dengan-php/

Pages

Tuesday, 10 May 2016