Proteksi Password Dengan JavaScript

Kadang-kadang kita ingin memproteksi halaman untuk kalangan sendiri. Usaha yang dapat kita lakukan untuk melakukan proteksi tersebut adalaj dengan menanyakan username dan password. Ketika pengunjung melakukan klik pada tombol submit, kode JavaScript pada halaman akan memeriksa apakah username dan jika password benar, maka halaman yang sebenarnya akan ditampilkan. Kodenya adalah sebagai berikut.

name="login"><br /><br />Username: <input name="username"><br /><br /><br /><br />Password: <input type="password" value="" name="password"><br /><br /><br /><br /><input onclick="verifyLogin()" type="button" value="Login"><br /><br /><input type="reset" value="Reset"><br /><br /><br /><br /><br /><br /><br /><br /><script language="Javascript"><br /><br /><!-- function verifyLogin() { var myForm = document.login; if (myForm.username.value == "elvis" && myForm.password.value == "presley") window.location.href = "secretpage.html"; else alert("Unknown username or wrong password"); } // --></script>

Yang ini form yang sebenarnya

Username:



Password:

Dengan sedikit forward dan berhasil. Masalahnya adalah orang dapat melakukan suatu ViewSource dan menemukan username serta password untuk halaman yang di proteksi password, tentu saja contoh ini kurang sempurna contoh ini kurang baik.

Yang kita butuhkan adalah suatu metode di mana pada HTML source-nya tidak akan kelihatan username dan password serta halaman target. Suatu metode yang umum digunakan adalah membuat nama halaman target berdasarkan username dan password yang dimasukkan oleh pemakai dan mengarahkan browser ke halaman tersebut. Perhatikan hasil modifikasi fungsi verifyLogin(.

<script language="Javascript"><br /><!-- <br /> function verifyLogin() { <br /> var myForm = window.location.href = myForm.username.value + myForm.password.value + ".html"; <br />} <br />// --></script>

Sekarang fungsi akan melakukan pengabungan terhadap username, pasword dan ".html" serta mengarahkan browser ke lokasi tersebut. Jadi jika pengunjung memasukkan secret sebagai username dan page sebagai password, dia akan mendapatkan secretpage.html. Atau dengan kata lain mereka tidak akan mengetahui username dan paswword yang benar dan memasukan foo sebagai username dan bar sebagai password, mereka akan diarahkan ke html yang tidak ada foobar.html dan mendapatkan kesalahan yang menyatakan halaman tersebut tidak ada.