Membuat Konfirmasi Password (re-type) PHP

Kita akan mencoba membuat konfirmasi password 2 langkah, jadi seperti ini teman-teman pasti pernah melihat saat buat akun baru biasanya, kita di minta menuliskan password atau kata sandi sebanyak 2 kali, biasanya ada petunjuk di form tersebut misalnya re-type password atau ketik ulang kembali. Tujuaanya adalah untuk mencocokan apakah password yang akan kita buat itu sudah sama atau belum. Teman-teman siap ya untuk mencoba membuatnya. Mari kita lakukan bersama.

Buat file index.html

<?php
	session_start();
	if(empty($_SESSION["sesiku"])){
		header("location: login.php");
	}
?>
<!DOCTYPE html>
<html>
<head>
	<title>HOME | Kursus Web YELLOWWEB.ID</title>
	<style type="text/css">
		@import url('https://fonts.googleapis.com/css?family=Anton');

		*{
			padding: 0;
			margin: 0;
		}
		body{
			text-align: center;
			font-family: 'Arial';
		}

		h1,h2 {
			margin: 50px 0;
		}

		.brand{
			font-size: 100px;
			font-family: 'Anton', sans-serif;
			background-color: #000000;
			height: 150px;
			color: #ffffff;
			font-style: italic;
			padding-top: 10px;
			letter-spacing: 5px;
		}

		.yl{
			color: #ffff00;
		}

		.wb{
			color: #ffffff;
		}

		.ylbrand{
			text-decoration: none;
		}

		.yl:hover{
			color: #ffffff;
			transition: 250ms;
		}

		.wb:hover{
			color: #ffff00;
			transition: 250ms;
		}


	</style>
</head>
<body>
	<h1>SELAMAT DATANG</h1>
	<h2>INGIN BELAJAR MEMBUAT WEBSITE, JANGAN RAGU UNTUK BELAJAR DENGAN KAMI :)</h2>
	<h2 class="brand">
		<a class="ylbrand" href="http://www.yellowweb.id" target="_blank"><span class="yl">YELLOW</span><span class="wb">WEB.ID</span></a>
	</h2>

</body>
</html>

Kemudian file login.php

<?php
	session_start();
	include "koneksi.php";
	if(isset($_POST["masuk"])){
		$us = $_POST["userku"];
		$ps = $_POST["pass1"];
		$ps2 = $_POST["pass2"];

		$sql = "SELECT * FROM tbl_operator WHERE user='$us' AND pass='$ps'";
		$query = mysql_query($sql) or die (mysql_error());

		if(mysql_num_rows($query) > 0){
			$data = mysql_fetch_array($query);

			$_SESSION["sesiku"] = $data["user"];
			$_SESSION["psesiku"] = $data["pass"];

			header("location: index.php");
		} elseif($ps != $ps2){
			echo "password tidak sama";
		} else {
			echo "Gagal";
		}
	}
?>
<!DOCTYPE html>
<html>
<head>
	<title>Login</title>
	<style>
		body{
			font-family: 'Arial';
			font-size: 14px;
		}
	</style>
</head>
<body>
	<h2>Login Dulu ya</h2>
	<form action="" method="POST">
		<table>
			<tr>
				<td>Username</td>
				<td>:</td>
				<td><input type="text" name="userku" placeholder="Masukkan Username"></td>
			</tr>
			<tr>
				<td>Password</td>
				<td>:</td>
				<td><input type="password" name="pass1" placeholder="Masukkan Password"></td>
			</tr>
			<tr>
				<td>retype - Password</td>
				<td>:</td>
				<td><input type="password" name="pass2" placeholder="Ketik Ulang Password"></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td>
					<input type="submit" name="masuk" value="Masuk">
					<input type="reset" name="reset" value="Clear">
				</td>
			</tr>
		</table>
	</form>
	<p>Kunjungi situs kami di <a href="http://www.yellowweb.id" target="_blank">YELLOWWEB</a></p>

</body>
</html>

Untuk file koneksi.php

<?php
	
	$server = "localhost";
	$user = "root";
	$pass = "";
	$db = "db_log";

	$con = mysql_connect($server, $user, $pass) or die (mysql_error());
	$dbase = mysql_select_db($db, $con) or die (mysql_error());

dan databasenya, sebagai berikut:

-- phpMyAdmin SQL Dump
-- version 4.5.2
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: May 04, 2017 at 12:37 PM
-- Server version: 10.1.16-MariaDB
-- PHP Version: 5.6.24

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `db_log`
--

-- --------------------------------------------------------

--
-- Table structure for table `tbl_operator`
--

CREATE TABLE `tbl_operator` (
  `id_op` int(5) NOT NULL,
  `user` varchar(100) NOT NULL,
  `pass` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tbl_operator`
--

INSERT INTO `tbl_operator` (`id_op`, `user`, `pass`) VALUES
(1, 'admin', 'admin'),
(2, 'yellowweb', 'yellowweb');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_operator`
--
ALTER TABLE `tbl_operator`
  ADD PRIMARY KEY (`id_op`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `tbl_operator`
--
ALTER TABLE `tbl_operator`
  MODIFY `id_op` int(5) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Teman-teman selamat mencoba