Pages

Senin, 28 November 2011

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.

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...