Cara Membuat Form Login Sederhana dengan Javascript

Membuat password atau security memang sangat baik pada sebuah web,forum atau lain sebagainya,karna hal ini dapat melindungi akun kita dari pengguna – pengguna lain yang bukan member atau yang tidak memiliki hak akses terhadap data – data kita.

Pada postingan kali ini saya akan menuliskan sedikit script sederhana untuk membuat form login..buat para pembaca yang ingin mencoba script ini..pembaca bisa langsung mengcopy source code berikut :



<html<
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="sosa" && password=="sosa") { alert("selamat anda berhasil "); }
else 
if (done==0) { alert("Invalid login!"); }
}
// End --<
</SCRIPT<
<BODY<
<center<
<form name=login<
<table width=225 border=1 cellpadding=3<
<tr> <td colspan=2><center><font size="+2"><b>Members-Only Area!</b></font<</center< </td></tr>
<tr<<td>Username:</td><td><input type=text name=username></td></tr>
<tr<<td>Password:</td><td><input type=text name=password></td></tr>
<tr<><td colspan=2 align=center><input type=button value="Login!" onClick="Login()"<</td<</tr>
</table<
</body<
</html<

Note :
Pada sername.toLowerCase(); berfungsi untuk mengkonfersikan huruf capital kedalam huruf kecil. Pada bagian username=="sauri" && password=="sosa") Sauri pembaca bisa mengisikan sesuai dengan username yang pembaca sukai,dan untuk password sosa juga demikian.

Pembaca bisa memasukkan password sesuai dengan kemauan pembaca dan untuk { alert("selamat anda berhasil "); } ini adalah pesan konfirmasi jika user tersebut berhasil menginputkan password tersebut.
if (done==0) { alert("Invalid login!"); } pesan konfirmasi jika penginputan password tidak sesuai.

Semoga membantu.

Buat juga posting sebelumnya tentang javascript.

Baca Misteri

Baca Misteri