Membuat form register dengan php dan bootstrap

Membuat form register dengan php dan bootstrap - kali ini Serba Coding akan membuat tutorial cara membuat sebuat form login dengan php dan bootstrap, mengapa Serba Coding memilih untuk membuat form register? alasannya adalah tutorial ini berkaitan dengan tutorial Serba Coding sebelumnya yaitu Membuat halaman login dengan php dan bootstrapyang 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 atau bisa klik disini untuk mendownloadnya
baca juga: pengertian dan fungsi framework bootstrap
Sebelum memulai untuk membuat form register dengan php dan bootstrap, buat lah sebuah file php dengan nama register.php atau sesuai dengan yang anda ingin kan dan di satukan dalam folder login yang ada di tutorial sebelumnya. Jika anda belum mengikuti tutorial  Serba Coding  tentang membuat halam login dengan php dan bootstrap saya sarankan untuk membacanya terlebih dalu agar tidak bingung. Selanjutnya buka file register.php tersebut kemudian pastekan script yang ada di bawah ini :


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>login</title>
 <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
        <!-- CUSTOM STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
     <!-- GOOGLE FONTS-->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />

</head>
<body>
    <div class="container">
        <div class="row text-center ">
            <div class="col-md-12">
                <br /><br />
                <h2> Halaman Register</h2>
               
                 <br />
            </div>
        </div>
         <div class="row ">
               
                  <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                        <strong>  Daftar </strong>  
                            </div>
                            <div class="panel-body">
                                <form enctype="multipart/form-data" id="form_login" role="form" method="POST">
                                     <div class="form-group has-feedback">
                                        <label for="user">Username</label>
                                        <input type="text" name="user" id="user" placeholder="Username" class="form-control textbox" >
                                        <i class="form-control-feedback"></i>
                                        <span class="text-danger" ></span>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label for="pass">Password</label>
                                        <input type="password" name="pass" id="pass" placeholder="Password" class="form-control textbox" >
                                        <i class="form-control-feedback"></i>
                                        <span class="text-danger" ></span>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label for="repass">Re Password</label>
                                        <input type="password" name="repass" id="repass" placeholder="Re Password" class="form-control textbox" >
                                        <i class="form-control-feedback"></i>
                                        <span class="text-danger" ></span>
                                    </div>
                                    <button type="submit" name="btnReg" class="btn btn-info">Sign Up</button>
                                    </form>
                            </div>
                           
                        </div>
                    </div>
                
                
        </div>
    </div>
</body>
</html>
<?php
 include 'config/config.php';
 if (isset($_POST['btnReg'])) {
  $user = mysql_real_escape_string($_POST['user']);
  $pass = mysql_real_escape_string($_POST['pass']);
  $repass = mysql_real_escape_string($_POST['repass']);

  $sql = mysql_query("select * from user where username ='$user'") or die(mysql_error());
  $cek = mysql_fetch_array($sql);
  if ($cek >= 1) {
   echo "<script>alert('Username telah digunakan'); window.location='register.php';</script>";
  }else{
   if ($user == '' || $pass == '' || $repass=='') {
    echo "<script>alert('Inputan tidak boleh kosong');window.location='register.php';</script>";
   }else if ($repass != $pass) {
    echo "<script>alert('Pastikan inputan password sama dengan repassword');window.location='register.php';</script>";
   }else{
    $query = mysql_query("INSERT INTO user VALUES ('','$user',md5('$pass'),'user') ") or die(mysql_error());
    if ($query) {
     echo "<script>alert('Anda berha sil mendaftar');window.location='login.php';</script>";
    }else{
     echo "<script>alert('Sql error');window.location='register.php';</script>";
    }
   }
  }
 }
?>

untuk script diatas merupakan gabungan dari interface dan dan proses query measukan inputan kita kedalam database yang telah dibuat sebelaumnya, dan selain itu ketika username sudah terpakai dalam arti sudah ada didalam database kita maka proses query tidak akan berjalan dan akan memunculkan sebuah alert username sudah digunakan. Untuk sedikit tambahan Serba Coding  juga menabahkan sedikit validasi jika inputan form yang disediakan kosong atau inputan password dan re password tidak sama juga akan dimunculkan sebuah alert, ketika semuanya sudah benar akan langsung diarahkan ke halam login yang telah kita buat sebelumnya  dan script yang telah dibuat mesih simpel atau masih sederhana. Sekian tutorial membuat form register dengan php dan bootstrap tunggu tutorial-tutorial selanjutnya,jiak masih bingung silahkan download disini untuk sorcode nya. Happy Coding

0 Response to "Membuat form register dengan php dan bootstrap"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel