Sistem Validasi dalam web menggunakan php

Februari 04, 2020

Sistem Validasi dalam web menggunakan php

PRAKTIKUM SESI 4

(Semester Genap)

Native PHP Validasi Input

Nama : M.Fadlul Hafiizh

Kelas : XI-RPL 2

Assalamualaikum wr.wb

Selamat pagi, siang, sore, malam buat kalian semua para pencari ilmu. Selamat datang di blog TutorGesit. Materi kaliini kita akan membuat sistem validasi input dalam web. seperti apa? kurang lebih seperti ini :

Kita praktekan dalam projek kita pwpb19. Buat kalian yang belum baca postingan tutorgesit sebelumnya silakan kalian baca dari awal pembuatan projek pwpb19 ini disini.

Baik kita mulai projeknya, ikuti langkahnya step by step yaa:

1. v_tambah

Buka v_tambah dan tambahkan seperti dibawah ini, diposisi yang sesuai dengan desain layout. fungsi ini berguna untuk menampilkan pesan sukses yang berasal dari variabel $success dalam step 2. Jika variabel tersebut tidak bernilai kosong, maka tampilkan isi dari variabel tersebut

 <script type="text/javascript" src="assets/bootstrap/js/jquery-3.4.1.min.js"></script>
 <script type="text/javascript" src="assets/bootstrap/js/popper.min.js"></script>
 <script type="text/javascript" src="assets/bootstrap/js/bootstrap.js"></script>
 <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.css">
<style type="text/css">
  td{
   border: inset 5px #d4b147;
   background: linear-gradient(#5f5f5f 0%, #afafaf 100%);
   border-radius: 10px;
   font-family: segoe print regular;
   height: 39px;
  }
  th{
   border: outset #5d0757;
   height: 45px;
   background: yellow;
   font-family: geometr415 blk bt black;

  }
  .aks{
   border: inset #d4b147;
   background: #cad1c7;
   font-family: agency fb;
   font-size: 22px;
   border-radius: 7px;
   width: 200px;
   font-color: black;
  }
  .btn{
   border: inset #d4b147;
   background: #cad1c7;
   font-family: agency fb;
  }
  .tmbh{
   border: outset 6px #afafaf;
   font-family: agency fb;
   background: linear-gradient(#5c4605 0%, #ba9629 100%);
  }
  
 </style>
 <h1 align="center">
Tambah Data</h1>
<?php 
 if(!empty($success)) { ?>
  <div class="alert alert-success">
   <p align="center">
<?= $success ?></p>
</div>
<?php }?>

 <?php 
 if(!empty($error)) { ?>
  <div class="alert alert-danger">
   <p align="center">
<?= $error ?></p>
</div>
<?php }?>

<?php 
 $action = 'tambah.php';
 $read = '';
 if(!empty($siswa)) {$action = 'edit.php'; $read = 'readonly';}
 ?>
<body background="assets/index/gold-background.jpg">
<form action="<?= $action ?>
" method="post" enctype="multipart/form-data">
 <div>
 <table align="center">
<tr>
   <td>NIS</td>
   <td width="300"><input type="text"  autocomplete="off" class="aks" name="nis" value="<?= @$siswa['nis'] ?>" <?= $read ?>><br></td>
  </tr>
<tr>
   <td>Nama Lengkap</td>
   <td><input type="text" class="aks" name="nama_lengkap" value="<?= @$siswa['nama_lengkap'] ?>"><br></td>
  </tr>
<tr>
   <td>Jenis Kelamin</td>
   <td><input type="radio"  class="btn" name="jenis_kelamin" value="L" <?= @$siswa['jenis_kelamin'] == 'L' ? 'checked' : '' ?>>Laki-Laki
    <input type="radio"  class="btn" name="jenis_kelamin" value="P" <?= @$siswa['jenis_kelamin'] == 'P' ? 'checked' : '' ?>>Perempuan
   </td>
  </tr>
<td>Kelas</td>
   <td><select name="id_kelas" class="aks">
    <!-- <option value="">[Pilih Kelas]</option> -->
    <?php 
     while($row = mysqli_fetch_object($dataKelas)) { ?>
      <option value="<?php echo $row->id_kelas?>"
       <?php echo @$siswa['id_kelas'] == $row->id_kelas ? 'selected' : ''?> >
       <?php echo $row->nama_kelas?>
      </option>
     <?php } ?>
    </select>
   </td>
  </tr>
<!--
<tr>
   <td>Jurusan</td>
   <td><input type="text" class="aks" name="jurusan" value="<?= @$siswa['jurusan'] ?>"></td>
  </tr>
-->
<tr>
   <td valign="top">Alamat</td>
   <td><//textarea class="aks" cols="40" rows="6" name="alamat"><?= @$siswa['alamat'] ?><//textarea></td>
  </tr>
<tr>
   <td>Golongan Darah</td>
   <td><select name="goldar" class="btn">
     <option value="A" <?= @$siswa['golongan_darah'] == 'A' ? 'selected' : '' ?>>A</option>
           <option value="B" <?= @$siswa['golongan_darah'] == 'B' ? 'selected' : '' ?>>B</option>
           <option value="O" <?= @$siswa['golongan_darah'] == 'O' ? 'selected' : '' ?>>O</option>
           <option value="AB" <?= @$siswa['golongan_darah'] == 'AB' ? 'selected' : '' ?>>AB</option>
    </select>
   </td>
  </tr>
<tr>
   <td>Nama Ibu Kandung</td>
   <td><input type="text" class="aks" name="namaibu" value="<?= @$siswa['nama_ibu_kandung'] ?>"></td>
  </tr>
<tr>
   <td>
    Foto    
   </td>
   <td>
    <div class="form-group">
     <div class="col-sm-6">
      <?php if($action == "edit.php") { ?>
       <img src="<?php echo base_url()?>/media/images/<?php echo @$siswa['file']?>" width="80px" alt="">
       <input type="hidden" name="foto" value="<?php echo @$siswa['file']?>">
      <?php } ?>
      <input type="file" name="foto">
     </div>
</div>
</td>
  </tr>
<tr>
   <td colspan="2" align="center" class="tmbh"><input class="aks" type="submit" value="Simpan"></td>
  </tr>
</table>
</div>
</form>
</body>

2. Tambah.php
Disini kita tambahkan tanda @ sebelum $ dan pengkondisian menggunakan IF. itu bergunaka untuk memeriksa apakah kolom input sudah diisi atau belum, serta pembuatan variabel success dan error untuk membuat flash.

<?php
include 'lib/library.php';

if($_SERVER['REQUEST_METHOD'] == 'POST'){
 $nis    = @$_POST['nis'];
 $nama_lengkap = @$_POST['nama_lengkap'];
 $jenis_kelamin = @$_POST['jenis_kelamin'];
 $kelas    = @$_POST['id_kelas']; //ini untuk ambil data id_kelas
 /*$jurusan = $_POST['jurusan'];*/
 $alamat   = @$_POST['alamat'];
 $golongan_darah = @$_POST['goldar'];
 $nama_ibu   = @$_POST['namaibu'];
 $foto    = @$_FILES['foto'];

 if (empty($nis)) {
   flash('error', 'Mohon Masukan NIS Dengan Benar!');
 }
 else if (empty($nama_lengkap)) {
  flash('error', 'Mohon Masukan Nama Lengkap Dengan Benar!');
 }
 else{
  if(!empty($foto) AND $foto['error'] == 0){
   $path = './media/images/';
   $upload = move_uploaded_file($foto['tmp_name'], $path . $foto['name']);

   if (!$upload) {
    flash('error', "Upload File Gagal");
    header('Location: index.php');
   }
   $file = $foto['name'];
  }

  $sql = "INSERT INTO siswa2 
    (nis, nama_lengkap, jenis_kelamin, id_kelas, /*jurusan,*/alamat, golongan_darah, nama_ibu_kandung, file) 
    VALUES
    ('$nis', '$nama_lengkap', '$jenis_kelamin', '$kelas', /*'$jurusan', */'$alamat', '$golongan_darah', '$nama_ibu', '$file')";

  $mysqli->query($sql)or die($mysqli->error);

  header('Location: index.php');
 }
 }
 $success = flash('success');
 $error = flash('error');

 $kls = "SELECT * FROM t_kelas";
 $dataKelas = $mysqli->query($kls) or die($mysqli->error);

 include 'views/v_tambah.php';
?>

Yapp hanya seperti itu saja, tidak ada yang rumit bukan? kalau kalian belum mengerti boleh kalian komentar dan diskusi aja dibawah. Insyaallah saya jawab dan jelasakan kembali pada kalian sedetail yang saya bisa. Semoga bermanfaat....

Cari Blog Ini

Tutor Gesit

Sistem Validasi dalam web menggunakan php

Komentar

Posting Komentar

Postingan Populer

CRUD(Create, read, update, delete) data dalam relasi 2 tabel

If, If/Else, Else, Switch/Case On java script