Seperti janji saya pada tulisan sebelumnya tentang Cara Melindungi Sebuah Halaman Wapsite dengan Password, kali ini saya akan memberikan tutorial cara membuat form login pada wapsite xtgem anda dengan menggunakan kode javascript.
Langkah-langkahnya adalah sebagai berikut:

Pertama, masuk ke menu file browser kemudian ubah nama file index anda menjadi home.
Hal ini bertujuan supaya orang yang mengunjungi wapsite anda tidak langsung masuk ke halaman utama melainkan harus mengisi form login terlebih dahulu.

Setelah itu buat dua buah file dengan nama index dan error.
Pada file index kita akan membuat sebuah form login, sedangkan pada file error akan kita isi dengan peringatan bahwa username atau password salah dan meminta pengunjung untuk memasukkan ulang username dan password dengan benar.

Adapun kode yang akan dimasukkan pada file index adalah:
<form name='fform'> Username <br/> <input type="text" name="user" size="15"> <br/> Password <br/> <input type="password" name="pass" size="15"> <br/> <input type="button" value="Login" name="Submit" onclick="go()"> </form> <script language ="javascript"> function go() { var u = (document.fform.user.value); var p = (document.fform.pass.value); if (u=="Levry"&&p=="123" || u=="Rudy"&&p=="456" || u=="Rani"&&p=="789") { load('/home'); } else { load('/error'); } } function load(url) { location.href=url; } </script>

Sedangkan pada file error kode yang digunakan sama dengan yang di atas hanya saja dibagian atas atau bawahnya anda bisa menambahkan kata-kata seperti "Maaf, Username atau Password yang anda masukkan salah. Silahkan coba lagi".

Pada kode di atas, saya sudah memasukkan 3 pasang username dan password, yaitu:
Username : Levry
Password : 123
Username : Rudy
Password : 456
Username : Rani
Password : 789

Anda bisa mengubah atau menambahkan data-data username dan password sebanyak-banyaknya dengan menambahkan kode u=="Username"&&p=="Password" ||
pada script di atas.

Contoh form login yang telah saya buat menggunakan kode di atas bisa anda lihat di sini.
Selamat mencoba dan nantikan berbagai macam tutorial serta informasi menarik lainnya mengenai pembuatan wapsite hanya di Dunia Ponsel.