Cara Membuat Form Login Sederhana dengan JavaScript
Cara Membuat Form Login Sederhana dengan JavaScript - Pada postingan kali ini saya akan kembali membahas hal-hal yang berkaitan dengan pemrograman web, yakni membuat sebuah form login pada halaman web.
Pada jejaring sosial seperti facebook, twitter, kaskus dll. Sering kali kita menemukan sebuah form login yang mana biasanya anda di suruh untuk memasukkan username atau email dan kemudian password anda. Hal ini dilakukan bertujuan sebagai keamanan akun anda dari pihak yang bertanggung jawab yang dapat menyalahgunakan akun anda.
Nah, disini akan mencoba membuat form login sederhana dengan menggunakan javascript yang mana terdapat 2 buah inputan yakni username dan password.
Algoritma untuk membuat form login sendiri bisa bilang simple yakni jika username dan password dimasukkan benar maka akan muncul pesan “Selamat anda berhasil login...!!!” dan begitu juga sebaliknya.
Source Code Program
<html>
<script language="JavaScript">
function Login (){
var user = document.getElementById("username ").value;
var pass = document.getElementById("password ").value;
if (user=="admin " && passw=="123 "){
alert("Selamat anda berhasil login");
}else{
alert("Username dan password anda salah!");
}
}
</script>
<body>
<form>
<table width="225" cellpadding="4">
<tr>
<td>Username</td>
<td><input type="text" id="username "></td>
</tr>
<tr>
<td>Password</td>
<td><input type="text" id="password "></td>
</tr>
<tr>
<td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td>
</tr>
</table>
</form>
</body>
</html>Penjelasan Kode Program
- document.getElemetById("username").value : digunakan untuk mengambil nilai atau isi dari input dengan id="username"
- document.getElementById("password").value : digunakan untuk mengambil nilai tau isi dari input dengan id="password"
- if (user=="juned" && pass="123") : Percabangan dengan menggunakan operator && (artinya kedua kondisi harus terpenuhi yakni user harus bernilai "juned" dan pass harus bernilai "123" maka kondisi akan bernilai TRUE) jika nilai TRUE maka akan ditampilkan pesan Selamat Anda berhasil login.
- else : ketika kondisi bernilai FALSE maka yang akan dijalankan adalah proses yang ada di dalam tag else yakni menampilkan pesan "Username dan password salah!"
Demo Form Login
Untuk melihat demonya secara langsung dapat melalui link yang ada di bawah ini.
Catatan :
Printscreen Output Program
Semoga postingan kali ini bermanfaat, dan jika ada yang ditanyakan mengenai source code diatas, silahkan tinggalkan komentar anda.
33 comments
window.open("URL HALAMAN");
jangan lupa mampir juga ye di blog ane..
www.BubeMob.com
cara ketika login benar pindah screen gimana?
http://obattraditional.com/
trus kita ga bisa login lagi kalo udah 3x bikin kesalahan.. nah itu gimana cara bikin scriptnya???
mohon bantuannya kalo bisa.. Trimakasih~
Ketika variabel salah udah menjadi 3 maka dibuatkan akan muncul pesan "Salah username dan password 3x tidak bisa login lagi.
1 ID All in One Games Support Android,Blackberry dan iOS,Ajak Temanmu Bermain Bersama Dan Menangkan Jackpotnya,NantikanEvent & BonusYang Menarik Menanti Anda Hanya Di WWW.988POKER.CO
Poker Texas>>Live Poker>>Domino QQ>>Bandar Ceme>>BlackJack>>Capsa Susun Online
=======>988POKER
=======>DAFTAR SEKARANG JUGA
=======>Agen Judi Online
=======>Poker Texas
=======>Domino QQ
=======>Bandar Ceme
=======>BlackJack
=======>Capsa Susun
>>>>>>>>Anies Sandi
>>>>>>>>Berita Jakarta
>>>>>>>>Lantai 7 Alexis
>>>>>>>>Ahok-Djarot
>>>>>>>>Setya Novanto
Menangkan Hadiah - Hadiahnya Tiap Minggu !!!
Info Lebih lanjut bisa menghubungi kami melalui :
Fanpage Facebook : 988POKER
SMS : 0812-91-8888-08
WhatsApp : 0812-91-8888-08
BBM : D62477FB
LINE : 988bet
Instagram : 988poker