Jumat, 26 Januari 2018

Cara Membuat Form Login Sederhana Dengan JavaScript


Tentunya anda sering menemui situs-situs yang menggunakan fitur login untuk mengakses suatu halaman tertentu misalnya jejaring sosial. Hal itu bertujuan untuk menjaga keamanan pengguna.
Kali ini saya akan membagikan cara membuat form login dengan JavaScript. Meskipun umumnya form login dibuat dengan PHP dan database MySQL.
Alasan JavaScript jarang digunakan untuk membuat form login adalah karena kurang aman.

Di sini saya membuat halaman loginnya dulu.

<form name="login" method="post">
Username : <input type="text" name="username" placeholder="Username">
Password : <input type="password" name="password" placeholder="Password">
<input type="submit" name="submit" onclick="masuk()" value="Login!">  </form>

Setelah itu saya tambahkan code JavaScript untuk login.

<script type="text/javascript">
function masuk() {
var username = document.login.username.value;
var password = document.login.password.value;
if (username == "aplokoid" && password == "aplokoid") {
alert("Anda berhasil login!");
}
else {
alert("Maaf, username atau password yang anda masukkan salah.");
}
}
</script>

Nah seperti itulah contoh form login dengan JavaScript.
Demo (username = aplokoid & password = aplokoid) :
Username :

Password :


Semoga artikel kali ini bermanfaat.


EmoticonEmoticon