Kamis, 15 Maret 2018

Membuat Aksi Dengan JavaScript

Tutorial Membuat Aksi Dengan Java Script dengan berhasil Login dan Tidak Berhasil berikut tutorial sederhana yang bisa anda/ kalian ikuti dan cermati dengan baik :

  • Gambar Login :



  • Gambar Login BERHASIL :

  • Gambar Login Tidak BERHASIL :




















Diatas contoh gambar yang akan kita buat dalam membuat aksi java script dengan netbeans, disini saya akan memberikan sourcode index.php dan login.php disini anda bisa pelajari lebih lanjut dengan sendiri nya, terimakasih sudah berkunjung diblog ini menjelaskan sederhana tentang membuat aksi java script.


  • index.php
<<?php
session_start();
ini_set('display_errors',0);
if($_SESSION["SALAH"]>=3){
    echo '<h1>Anda dalam kondisi diBlokir</h1>';
    exit();
}
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Login Kita</title>
        <link rel="icon" href="asset/images/favicon.ico">
        <link rel="stylesheet" href="asset/css/bootstrap.css">
        <link rel="stylesheet" href="asset/css/floating-labels.css">
        
        <script>
        function Hello(){
        var email=document.getElementById("email").value;
        var password=document.getElementById("password").value;
        
            if (email=="admin@gmail.com" && password=="admin123"){
            alert("Hello...Anda BERHASIL Masuk Login");
            }
            else{
            alert("ANDA TIDAK BERHASIL LOGIN SALAH EMAIL/PASSWORD");
            }
        };
        </script>
    </head>
    <body>
        <form id="frm01" action="login.php" method="POST" class="form-signin">
            <div class="text-center mb-4">
                <img class="mb-4" width="72" height="72" src="asset/images/bootstrap-solid.svg">
                <h1>Login Kita</h1>
                <p>Ayookkk Login Untuk Masuk...!!!</p>
                <p>Salah Login 3 KALI Anda Di Blokir</p>
            </div>
            <div class="form-label-group">
                <input class="form-control"
                       type="email"
                       name="email"
                       id="email" 
                       placeholder="Email Address" 
                       required="email" 
                       autofocus="yes" 
                       autocomplete="no"
                       maxlength="30">
                       
                <label for="email">Email Anda</label>
            </div>
            <div class="form-label-group">
                <input class="form-control"
                       type="password"
                       name="password"
                       id="password" 
                       placeholder="password" 
                       required="yes" 
                     
                       autocomplete="no"
                       maxlength="8">
                <label for="password">Password</label>
            </div>
            <div class="checkbox mb-4">
                <label>
                    <input type="checkbox"> Remember Me
                </label>
            </div>
            <button onclick="Hello()]" class="btn-lg btn-success btn-block" type="submit">Sign in</button>
            <button class="btn-lg btn-primary btn-block" type="button">Forget Password</button>
        </form>
        
    </body>
</html>



  • login.php

<?php
session_start();
$user = $_POST["email"];
$pass = $_POST["password"];
//==============================
$dbuser = "admin@gmail.com";
$dbpass = "admin123";
//==============================
if($user == $dbuser && $pass == $dbpass){
    echo '<h1>SELAMAT DATANG DI WEBSITE KAMI</h1>';
} else {
    $_SESSION["SALAH"]++;
    header("location:index.php");
}





Tidak ada komentar:

Posting Komentar