Halo teman-teman kita masih membahas tentang Membuat Login dengan Sistem Validasi Waktu Menggunakan PHP, pada tutorial sebelumnya kita telah membuat file index.php nya, dan pada tutorial Membuat Login dengan Sistem Validasi Waktu Menggunakan PHP Part 2 kali ini kita akan membuat proses dari login tersebut, nah silahkan teman-teman simpan script yang terdapat dibawah ini dengan nama proses.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<style type="text/css"> .container {margin: auto; width: 400px; text-align: center; background-color: #54ff92; padding: 20px 0;} .bold{font-weight: bold; color: red} </style> <div class="container"> <?php //login.php session_start(); if (isset($_SESSION['username'])){ if (isset($_GET['logout'])) unset($_SESSION['username']); header("location: index.php"); } else { if ($_POST){ $username = "admin"; $password = "admin"; if ($_POST['uname']==$username){ //Cek username if ($_POST['passwd']==$password){ //cek password //sukses unset($_SESSION['failed']); //hapus failed unset($_SESSION['delayto']); //hapus delayto $_SESSION['username']=$username; header("location: index.php"); //masuk kehalaman utama index.php } } $message = "<span style='color:red'>Username/password yang anda masukan salah</span>"; if (!isset($_SESSION['failed'])) $_SESSION['failed']=0; $_SESSION['failed']++; //faile bertambah $delay = pow(3,$_SESSION['failed']); $_SESSION['delayto'] = strtotime("+ {$delay} seconds"); } } ?> <h2>Silahkan Masukan Usename dan Password</h2> <?php if (isset($message)) echo $message."<br/>"; if (isset($_SESSION['delayto'])) $delay = $_SESSION['delayto'] - time(); else $delay = 0; if ($delay > 0): ?> <p> Anda telah mencoba sebanyak <span class="bold"><?php echo $_SESSION['failed'];?></span> kali gagal.<br/> Silakan coba <span id="delay" class="bold"><?php echo "$delay";?></span>. </p> <script type="text/javascript"> var seconds; var temp; function countdown() { seconds = document.getElementById('delay').innerHTML; seconds = parseInt(seconds, 10); if (seconds == 1) { temp = document.getElementById('delay'); temp.innerHTML = "<a href='proses.php'>login</a>"; return; } seconds--; temp = document.getElementById('delay'); temp.innerHTML = seconds+" detik lagi"; timeoutMyOswego = setTimeout(countdown, 1000); } countdown(); </script> <?php else: ?> <form method="POST"> Username: <br/> <input type="text" name="uname"><br/> Password :<br/> <input type="password" name="passwd"><br/> <input type="submit" value="Submit"> </form> <?php endif; ?> </div> |
Dan kemudian silahkan teman-teman save semua filenya jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini.
Pada gambar yang terdapat diatas, terlihat jika kita memasukan username atau passwordnya salah maka akan muncul validasi waktunya dan jika login berhasil maka akan masuk kehalaman admin dengan comment anda telah berhasil masuk.
Bagai mana teman-teman cukup mudah bukan cara Membuat Login dengan Sistem Validasi Waktu Menggunakan PHP Part 2 nya.
Sekian dulu tutorial saya kali ini tentang Membuat Login dengan Sistem Validasi Waktu Menggunakan PHP Part 2, semoga bermanfaat.
Terimakasih.