Jumat, 14 Oktober 2016

Validasi Form dengan PHP

Validasi Form dengan php

     Ada dua hal yang terkait dengan validasi form. Yang pertama adalah melakukan validasi data yang diinputkan ke form, dan yang kedua adalah menampilkan error message jika data yang diinput tidak valid. Di bawah adalah contoh validasi yang simpel, yang hanya mengecek apakah semua data diinput dan tidak kosong.

 <?php  
    if($_POST){  
        $nama = $_POST['nama'];  
        $email = $_POST['email'];  
        $alamat = $_POST['alamat'];  
        $kota = $_POST['kota'];  
        $kodePos = $_POST['kode_pos'];  
        if(empty($nama) || empty($email) || empty($alamat) || empty($kota) || empty($kodePos)){  
            echo '<strong>Data tidak komplit</strong>';  
        }else{  
            //prosess data  
        }  
    }  
?>  
<form name="form-name" method="post" action="">  
    <dl>  
      <dt>Nama:</dt>  
      <dd>  
    <input name="nama" id="nama" type="text" />  
      </dd>  
      <dt>Email:</dt>  
      <dd>  
    <input name="email" id="email" type="text" />  
      </dd>  
      <dt>Alamat:</dt>  
      <dd>  
    <input name="alamat" id="alamat" type="text" />  
      </dd>  
      <dt>Kota:</dt>  
      <dd>  
    <input name="kota" id="kota" type="text" />  
      </dd>  
      <dt>Kode POS:</dt>  
      <dd>  
    <input name="kode_pos" id="kode_pos" type="text" />  
      </dd>  
    <dt></dt>  
      <dd>  
    <input name="submit" id="submit" type="Submit" value="Submit" />  
      </dd>  
    </dl>  
</form>  

   berikut ini hasilnya


Nama:
Email:
Alamat:
Kota:
Kode POS:
   apa bila hasil script diatas tidak diisi dengan sempurna maka akan menampilkan hasil seperti dibawah:

Data tidak komplit
Nama:
Email:
Alamat:
Kota:
Kode POS:
  
Jika user tidak memasukkan salah satu data maka akan ditampilkan pesan "Data tidak komplit"COBA Script di ata di UBAH menjadi :

<?php  
    if($_POST){  
        $nama = $_POST['nama'];  
        $email = $_POST['email'];  
        $alamat = $_POST['alamat'];  
        $kota = $_POST['kota'];  
        $kodePos = $_POST['kode_pos'];  
    $error = array();  
        if(empty($nama)){  
      $error['nama'] = 'Nama tidak boleh kosong';  
        }  
    if(empty($email)){  
      $error['email'] = 'Email tidak boleh kosong';  
    }  
    if(empty($alamat)){  
      $error['alamat'] = 'Alamat tidak boleh kosong';  
    }  
    if(empty($kota)){  
      $error['kota'] = 'Kota tidak boleh kosong';  
    }  
    if(empty($kodePos)){  
      $error['kode_pos'] = 'Kode pos tidak boleh kosong';  
    }  
    if(empty($error)){  
            //prosess data  
        }  
    }  
?>  
<form name="form-name" method="post" action="">  
    <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['kode_pos']) ? $_POST['kode_pos'] : '';?>" />  
    <div style="color:red"><?php echo isset($error['kode_pos']) ? $error['kode_pos'] : '';?></div>  
      </dd>  
      <dt></dt>  
      <dd>  
    <input name="submit" id="submit" type="Submit" value="Submit" />  
      </dd>  
    </dl>  
</form>  

ini hasilnya: 

Nama:


Email:


Alamat:


Kota:


Kode POS:



pada hasil script diatas harus diisi dengan lengkap apa bila tidak diisi dengan lengkap makan akan seperti dibawah ini:

Nama:

Email:

Alamat:

Alamat tidak boleh kosong
Kota:

Kode POS:

  SELAMAT MENJOBA KAWAN 
 BY:MEGA ALFIANI

Tidak ada komentar:

Posting Komentar