Icangkeling's: Praktikum PHP 6

Assalamu'alaikum...

Postingan saya kali ini akan membahas tentang cara membuat validasi form menggunakan Dreamweaver.

Inputan pada Form diperlukan validasi data di Aplikasi Web karena ketidakcocokan inputan akan menyebabkan kesalahan yang akan merepotkan pihak administrator atau ketidak seragaman data. Oleh sebab itu data inputan sebelum masuk penyimpanan data maka diperiksa sesuai aturan yang diberlakukan. Contoh ketika memasukkan email, kode pos,

inputan angka dan sebagainya.

Dalam input biodata yang akan saya buat kali ini akan terdapat inputan huruf captcha. Nah, sebelum kita buat table inputannya, kita buat captchanya terlebih dahulu.

1. Buka aplikasi Dreamweaver dan buat file captcha.php.

Ketikkan script :

<?php

session_start();

$alphaNumeric = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

$random = substr(str_shuffle($alphaNumeric),0,5);

$image = imagecreatefromjpeg("bg_captcha.jpg");

$textcolor = imagecolorallocate ($image, 0, 0, 0); //hitam

imagestring ($image, 5, 5, 8, $random, $textcolor);

$_SESSION['image_random_value']=md5($random);

//header("Expires: MOn, 26 Jul 1997 05:00:00 GMT");

header("Last-Modified: " . gmdate("D, d M Y H:i:s"). " GMT");

header("Cache-Control: no-store, no-cache, must-revalidate");

header("Cache-Control: post-check=0, pre-check=0", false);

header("Pragma: no-cache");

header('Content-type: image/jpeg');

imagejpeg($image);

imagedestroy($image);

2. Buat file baru bernama form.php.

Ketikkan script :

<?php

session_start();

if(isset($_SESSION['error'])){

$error = $_SESSION['error'];

$true = $_SESSION['true'];

$_POST = $_SESSION['post'];

unset ($_SESSION['error']);

unset ($_SESSION['true']);

unset ($_SESSION['post']);

}

if (empty($nama) || empty($gender) || empty($email) || empty($alamat) || empty($tempat) || empty($email) || empty($pwd) || empty($agama) || empty($noHP) || empty($captcha) || empty($hari) ||empty($bualan) ||empty($bulan) ){

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Input Biodata</title>

</head>

<table cellspacing="0" cellpadding="4" bgcolor="white" border="1" width="1000" height="420" align="center" border-radius:0p;

border-color:black;

position:fixed;

left:350px;

top:55px;

border-top-right-radius:20px;

border-top-left-radius:20px;

font-family: Verdana, Geneva, sans-serif;>

<tr>

<center><strong><font color="#0000CC">INPUTAN BIODATA</font></strong></center>

</td>

</tr>

<tr>

<td> Nama Lengkap</td>

</td>

</tr>

<tr>

<td> Jenis Kelamin</td>

<td>

 Laki-Laki<input type="radio" name="gender" value="<?php echo isset($_POST['gender']) ? $_POST['gender'] : ''; ?>Laki - Laki <?php echo isset($_POST['gender']) ? ' checked' : ''; ?>"/>

 Perempuan<input type="radio" name=gender value="<?php echo isset($_POST['gender']) ? $_POST['gender'] : ''; ?> Perempuan <?php echo isset($_POST['gender']) ? ' checked' : ''; ?>" />

<?php echo isset ($true['gender'])? $true['gender'] : '';?>

</td>

</tr>

<tr>

<td>

<?php

$bulan=array("Januari" ,"Februari", " Maret" ,"April", "Mei", "Juni",

"Juli", "Agustus", "September", "Oktober", "November", "Desember");

echo '<select name="hari" >';

echo "<option value=hari>Hari</option>";

$hari=1;

$haripilih = isset($_POST['hari']) ? $_POST['hari'] : "hari";

while($hari<=31) {

echo "<option value=$hari";

echo $hari == $haripilih ? " selected" : "";

echo '>'.$hari.'</option>';

$hari++;

}

echo '</select>';

echo '<select name="bulan">';

echo "<option value=bulan>Bulan</option>";

$jumlah=count($bulan);

$bulanpilih = isset($_POST['bulan']) ? $_POST['bulan'] : "bulan";

for($i=0; $i<$jumlah ; $i++){

echo "<option value=$bulan[$i]";

echo $bulan[$i] == $bulanpilih ? " selected" : "";

echo '>'.$bulan[$i].'</option>';

}

echo '</select>';

echo '<select name="tahun">';

echo "<option value=tahun>Tahun</option>";

$tahunpilih = isset($_POST['tahun']) ? $_POST['tahun'] : "tahun";

for($tahun=1995; $tahun<2010; $tahun++){

echo "<option value='$tahun'";

echo $tahun == $tahunpilih? " selected" : "";

echo '>'.$tahun.'</option>';

}

echo '</option>';

</td>

</tr>

<tr>

<td>Alamat</td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td>Password</td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td>Captcha <img height="30" style="vertical-align:middle;" src="captcha.php?data=<?php echo date('YmdHis');?> alt="securiy image" /></td>

<td>

</td>

</tr>

<tr>

<td colspan="3" Style=' border-bottom-right-radius:0px;'><center><button type="reset" value="Refresh" ONCLICK="history.go(0)"> Reset </button> 

<button type="submit" name="submit"> Kirim </button></center>

</td>

</tr>

</table>

</form>

<?php

}

</body>

</html>

3. Selanjutnya buat file baru bernama action.php yang digunakan untuk output dari program pertama.

Lalu ketikkan script :

<?php

session_start();

if($_POST){

$nama=$_POST['nama'];

$gender=isset($_POST['gender'])? $_POST['gender']:"";

$tempat=$_POST['tempat'];

$hari=$_POST['hari'];

$bulan=$_POST['bulan'];

$tahun=$_POST['tahun'];

$alamat=$_POST['alamat'];

$email=$_POST['email'];

$pwd=$_POST['pwd'];

$noHP=$_POST['HP'];

$CAPTCHA=$_POST['pin'];

$emailpattern = '/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/';

$imgTrue ='<img src="true.png" style="vertical-align:middle"/>

$imgEmp ='<img src="error.png" style="vertical-align:middle"/>

$imgErr ='<img src="error.png" style="vertical-align:middle"/>

$error = array();

if(empty ($nama)){

$error['nama'] = $imgEmp.'Nama tidak boleh kosong';

} else if(preg_match('/[^a-zA-Z ]/', $nama)) {

$error['nama'] = $imgErr.'Nama hanya mengandung huruf saja';

} else{

$true['nama'] = $imgTrue;

}

if(empty ($email)){

$error['email'] = $imgEmp.'Email tidak boleh kosong';

} elseif (!preg_match($emailpattern, $email)){

$error['email'] = $imgErr.'Email salah tulis (xxxxxxx@xxxxx.xxx)';

} else{

$true['email'] = $imgTrue;

}

if(empty ($alamat)){

$error['alamat'] = $imgEmp.'Alamat tidak boleh kosong';

} else{

$true['alamat'] = $imgTrue;

}

if(empty ($pwd)){

$error['pwd'] = $imgEmp.'Password tidak boleh kosong';

} else{

$true['pwd'] = $imgTrue;

}

if (empty($gender)){

$error['gender'] = $imgEmp.'Anda tidak berjenis kelamin';

} else{

$true['gender'] = $imgTrue;

}

if(empty ($tempat)){

$error['tempat'] = $imgEmp.'TTL tidak boleh kosong';

} else{

$true['tempat'] = $imgTrue;

}

if(empty ($noHP)){

$error['HP'] = $imgEmp.'No HP tidak boleh kosong';

} else if(preg_match('/[^0-9 ]/', $noHP)) {

$error['HP'] = $imgErr.'Nama hanya mengandung angka aja';

}

else{

$true['HP'] = $imgTrue;

}

if(empty ($CAPTCHA)){

$error['pin'] = $imgEmp.'Captcha tidak boleh kosong';

} elseif (md5($_POST['pin']) <> $_SESSION['image_random_value']){

$error['pin'] = $imgErr.'Anda bukan manusia';

} else {

$true['pin'] = $imgTrue;

}

if(empty($error)){

if($gender=='Laki - Laki'){

echo'<h2><center>Terima kasih Telah Menginputkan Saudara '.$nama.'

</center></h2>';

}

else{

echo'<h2><center>Terima kasih Telah Menginputkan Saudari , '.$nama.'</center></h2>';

}

print("

<tr>

</td>

</tr>

<tr>

<td> Nama Lengkap </td>

</tr>

<tr>

<td> Jenis Kelamin</td>

<td> $gender </td>

</tr>

<tr>

<td>$tempat, $hari - $bulan - $tahun</td>

</tr>

<tr>

<td>Alamat</td>

<td> $alamat</td>

</tr>

<tr>

<td>$email</td>

</tr>

<tr>

<td>Password</td>

</tr>

<tr>

</tr>

<tr>

</table>

");

}

else{

$_SESSION['error']=$error;

$_SESSION['true'] =$true;

$_SESSION['post'] =$_POST;

header("location:form.php");

}

4. Run program anda di browser seperti pada gambar di bawah ini.

5. Jika anda belum mengisi data dan anda menekan button Kirim, maka akan tampil peringatan seperti gambar di bawah ini.

6. Jika anda sudah mengisi data namun format penulisannya salah, maka peringatan akan tetap muncul.

7. Anda harus mengisi semua form dengan lengkap, lalu tekan tombol kirim jika ingin melihat hasilnya. Namun jika anda menganggap bahwa data yang anda ketikkan salah, maka anda dapat meresetnya dan kembali mengisi data dengan benar.

8. Dan hasil dari inputan anda tadi seperti di bawah ini. :)

Sekian postingan saya..

Semoga bermanfaat .. ^,^

Icangkeling's

Pages

05/12/13

Praktikum PHP 6 - Validasi Form

Tidak ada komentar:

Posting Komentar