Minggu, 23 September 2012

Contact And Save Form

Pada post kali ini,saya akan mencoba share cara membuat program save data yang biasanya digunakan untuk mengisi form,berikut ini langkah-langkahnya :

1. Buat PHP file dengan judul Contact-Form.php
2. Ketikkancoding dibawah ini untuk mendeklarasikan beberapa variabel
 <?php
session_start();
if(isset($_SESSION['error'])){
    $error = $_SESSION['error'];
    $_POST = $_SESSION['post'];
    unset($_SESSION['error']);
    unset($_SESSION['post']);
}
?>
3. Lalu buat form dan label beserta textbox yang dibutuhkan,dengan cara mengetikkan coding dibawah ini
<dl>
        <dt>Nama :</dt>
        <dd>
            <input name="nama" id="nama" type="text" value="<?php echo isset($_POST['nama']) ?
            $_POST['nama'] : '' ; ?>" />
            <div style="color:red"><?php echo isset($error['nama']) ? $error['nama']: '' ; ?></div>
        </dd>
        <dt>Email :</dt>
        <dd>
            <input name="email" id="email" type="text" value="<?php echo isset($_POST['email']) ? $_POST['email'] :'';?>" />
            <div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '' ; ?></div>
        </dd>
        <dt>Alamat :</dt>
        <dd>
            <input name="alamat" id="alamat" type="text" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] :'';?>" />
            <div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '' ; ?></div>
        </dd>
        <dt>Kota :</dt>
        <dd>
            <input name="kota" id="kota" type="text" value="<?php echo isset($_POST['kota']) ? $_POST['kota'] :'';?>" />
            <div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '' ; ?></div>
        </dd>
        <dt>Kode POS :</dt>
        <dd>
            <input name="kode_pos" id="kode_pos" type="text" value="<?php echo isset($_POST['email']) ? $_POST['kode_pos'] :'';?>" />
            <div style="color:red"><?php echo isset($error['kode_pos']) ? $error['kode_pos'] : '' ; ?></div>
        </dd>
        <dt>Tgl Lahir :</dt>
        <dd>
4. Ketikkan script PHP dibawah ini untuk membuat array bulan
           
$bulan=array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
   
5. Lalu script dibawah ini untuk membuat combo box bulan, hari dan tahun


            //membuat combo box hari
            echo '<select name="hari">';
            echo "<option value=-1>hari</option>";
            $hari=1;
            while($hari<=31){
                echo "<option value="; echo isset($_POST['hari']) ? $_POST['hari']."selected" : $hari;
                echo "> ";echo isset($_POST['hari']) ? $hari : $hari ; echo"</option>";
                $hari++;
            }
            echo '</select>';
           
            //membuat combo box bulan
            echo '<select name="bulan">';
            echo "<option value=-1>bulan</option>";
            $jumlah=count($bulan);
            for($i=0; $i<$jumlah ; $i++){
                echo '<option value="' . $bulan[$i].'">'.$bulan[$i].'</option>';
            }
            echo '<select>';
           
            //membuat combo box tahun
            echo '<select name="tahun">';
            echo "<option value=-1>tahun</option>";
            for($tahun=1994; $tahun<2010; $tahun++){
            echo "<option value=$tahun>$tahun</option>";
            }
            echo '<select>';
            ?>
            <div style="color:red"><?php echo isset($error['hari']) ? $error ['hari'] : '' ;?></div>
            </dd>
  

6. Terakhir,kita tambahkan button submit

    <dt></dt>
            <input name="submit" id="submit" type="Submit" value="Submit" />

7. Telitilah kembali program tersebut,barangkali ada syntax yang belum ditutup,misalnya </form>

8. Setelah Contact-Form.php berhasil dibuat tanpa error,buatlah lagi PHP file dengan nama Save-Form.php

9. Ketikkan script berikut ini :

<?php
session_start();
if($_POST){
    $nama = $_POST['nama'];
    $email = $_POST['email'];
    $alamat = $_POST['alamat'];
    $kota = $_POST['kota'];
    $kode_pos = $_POST['kode_pos'];
    $hari = $_POST['hari'];
    $bulan = $_POST['bulan'];
    $tahun = $_POST['tahun'];
    //reguler expression (regex)
    $emailPattern = '/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/';

10. Lalu,ketikkan script ini untuk mengkondisikan error program jika tidak diisi oleh data 


$error = array();
    if(empty($nama)){
        $error['nama'] = 'Nama tidak boleh kosong';
    }
    if(empty($email)){
        $error['email'] = 'Nama tidak boleh kosong';
    }
    elseif(!preg_match($emailPattern, $email)){
        $error['email'] = 'Email salah penulisan (hadhiee@gmail.com)';
    }
    if(empty($alamat)){
        $error['alamat'] = 'Alamat tidak boleh kosong';
    }
    if(empty($kota)){
        $error['kota'] = 'Kota tidak boleh kosong';
    }
    if(empty($kode_pos)){
        $error['kode_pos'] = 'Kode pos tidak boleh kosong';
    }
    if($hari==-1 || $bulan==-1 || $tahun==-1){
        $error['hari'] = 'Tgl bulan tahun harus dipilih';
    }
    if(empty($error)){
        //process data
        echo "Seccesful.";
    }
    else{
        $_SESSION['error'] = $error;
        $_SESSION['post'] = $_POST;
        header("location: Contact-Form.php");
    }
}
?>

11. Simpan program Save-Form.php lalu running program Contact-Form.php dan akan muncul tampilan dibawah ini :
  >> Gambar Pertama merupakan tampilan awal dari program 









   >> Gambar kedua pengisian data






    >> Gambar ketiga,tampilan setelah data di submit








>> Gambar tampilan,keseluruhan tampilan error jika data tidak diisi







Semoga bermanfaat ya ....

by:@finna23










Tidak ada komentar:

Posting Komentar