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