Membuat Form Registrasi Dengan Bootstrap Dan PHP

Membuat Form Registrasi dengan Bootstrap
dan PHP
ONPHPID October 19, 2016
Halo kawan-kawan ONPHPID, Terima Kasih ONPHPID sampaikan atas Request-request yang telah
kalian berikan, maaf sebelumnya tidak bisa semua request akan ONPHPID jawab Dan kali ini
ONPHPID akan menjawab satu request tentang cara menambahkan data ke database dengan Form Register
yang dikemas dengan Bootstrap dan PHP.
Tutorial Ini telah Ada di Youtube (sedikit berbeda)

Mungkin kawan-kawan bertanya kenapa kok Form register kenapa tidak yang lain ? Alasan ONPHPID
adalah Karena Form register ini masih ada hubungannya dengan Tutorial Membuat Form Login dengan
Bootstrap dan PHP, yang mana kita masih menggunakan File-file dan databasenya. sehingga sebelum
memulai membuat form register langkah pertama ada membaca tutorial Membuat Form Login lalu
mengunduh scriptnya
Oke, jika sudah, langkah selanjutnya adalah buat 2 (dua) buah file baru beri
nama 'register.php' dan 'send_register.php' letakan di tempat yang sama atau sejajar dengan file
index.php.
berikutnya buka file register.php lalu isi dengan kode berikut
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Halaman Registrasi</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="col-md-4 col-md-offset-4 form-login">
<?php
/* handle error */
if (isset($_GET['error'])) : ?>
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Warning!</strong> <?=base64_decode($_GET['error']);?>
</div>
<?php endif;?>
<div class="outter-form-login">
<div class="logo-login">
<em class="glyphicon glyphicon-user"></em>
</div>
<form action="send_register.php" class="inner-login" method="post">
<h3 class="text-center title-login">Registrasi</h3>
<div class="form-group">
<input type="text" class="form-control" name="nickname" placeholder="Nama">
</div>
<input type="text" class="form-control" name="username" placeholder="Username">
</div>
<input type="password" class="form-control" name="password" placeholder="Password">
</div>
<input type="password" class="form-control" name="repassword" placeholder="Re-Password">
</div>
<input type="submit" class="btn btn-block btn-custom-green" value="REGISTER" />
<div class="text-center forget">

<p>Back To <a href="./login.php">Login</a></p>
</div>
</form>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
view rawregister.php hosted with by GitHub
Save.
berikutnya buka file send_register.php lalu isi dengan kode berikut :

<?php
if (isset($_POST['nickname']) && $_POST['nickname']) {
// memasukan file koneksi ke database
require_once 'config.php';
// menyimpan variable yang dikirim Form
$nama = $_POST['nickname'];
$username = $_POST['username'];
$password = $_POST['password'];
$repassword = $_POST['repassword'];
// cek nilai variable
if (empty($nama)) {
header('location: ./register.php?error=' .base64_encode('Nama tidak boleh kosong'));
}
if (empty($username)) {
header('location: ./register.php?error=' .base64_encode('Username tidak boleh kosong'));
}
if (empty($password)) {
header('location: ./register.php?error=' .base64_encode('Password tidak boleh kosong'));
}
// validasi apakah password dengan repassword sama
if ($password != $repassword) { // jika tidak sama
header('location: ./register.php?error=' .base64_encode('Password tidak boleh sama'));
}
// encryption dengan md5
$password = md5($password);
$level = 'member'; // default,
// SQL Insert
$sql = "INSERT INTO users (nama, username, password, level_user) VALUES ('$nama', '$username', '$password', '$level')";
$insert = $dbconnect->query($sql);
// jika gagal
if (! $insert) {
echo "<script>alert('".$dbconnect->error."'); window.location.href = './register.php';</script>";
} else {
echo "<script>alert('Insert Data Berhasil'); window.location.href = './login.php';</script>";
}
}
?>
view rawsend_register.php hosted with by GitHub
Ok jika sudah kita bisa mengakses halaman registrasi tersebut dengan
http://localhost/login-bootstrap/register.php
Oke sekiranya sekian dulu tutorial tentang membuat Form Register dengan Bootstrap dan
PHP. selanjutnya akan ONPHPID buat dalam bentuk Video agar lebih mudah jangan lupa Like
FPnya dan Subscribe ONPHPID Youtube Channel-nya

Membuat Form Registrasi Dengan Bootstrap Dan PHP

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Membuat Form Registrasi Dengan Bootstrap Dan PHP

Diunggah oleh

Hak Cipta:

Format Tersedia

Membuat Form Registrasi dengan Bootstrap

Tutorial Ini telah Ada di Youtube (sedikit berbeda)

<div class="text-center forget">

view rawregister.php hosted with by GitHub

berikutnya buka file send_register.php lalu isi dengan kode berikut :

view rawsend_register.php hosted with by GitHub

Ok jika sudah kita bisa mengakses halaman registrasi tersebut dengan

Anda mungkin juga menyukai