rahmad jazuli Seorang Yang Senang Mengoptimasi Seo Blogger Dan Wordpress Sejak 2016, suka dengan berbagai bidang Dunia IT. Terimakasih Sudah Membaca Artikel Di website ini.

Cara mengenkripsi kata sandi menggunakan Javascript

1 min read

Cara mengenkripsi kata sandi menggunakan Javascript

itseenews.com – Dalam tutorial kali ini, saya akan membahas enkripsi kata sandi menggunakan javascript. dalam pembuatan project website kita harus bisa memahami sistem keamanannya salah satu nya yaitu encrpsi agar lebih aman.

Cara mengenkripsi kata sandi menggunakan Javascript
Ecripsi Kata Sandi

Apa itu Encrypsi ?

Enkripsi adalah proses pengacakan data sehingga pihak lain tidak bisa membaca data tersebut tanpa mengetahui cara membuka data tersebut. Agar data yang ter-enkripsi ini bisa dibaca kembali maka diperlukan proses deskripsi.

Cara Encrypsi Dengan Java Script ?

Untuk enkripsi ini , teman teman harus menggunakan dua javascript yaitu seperti dibawah ini

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>
<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/md5.js"></script>

HTML FORM

<form class="form-signin" method="post" name="signin" id="signin">
<input type="password"  name="password" id="password" placeholder="Password" id="password" value=""  />
<input type="hidden" name="hide" id="hide" />
<div style="color:red" id="err"></div>
<input type="submit" name="login"  type="submit" onclick="return encrypt()" value="Submit"  >
</form>

Dalam formulir ini saya membuat satu kolom kata sandi dan satu kolom tersembunyi. Bidang/kolom tersembunyi digunakan untuk menyimpan nilai kata sandi yang sebenarnya.

Javascrit untuk enkripsi.

<script>
function encrypt()
{
var pass=document.getElementById('password').value;
var hide=document.getElementById('hide').value;
if(pass=="")
{
document.getElementById('err').innerHTML='Error:Password is missing';
return false;
}
else
{
document.getElementById("hide").value = document.getElementById("password").value;
var hash = CryptoJS.MD5(pass);
document.getElementById('password').value=hash;
return true;
}
}
</script>

Dalam javascript di atas saya membuat fungsi mengenkripsi (). Saya menyebut fungsi ini pada tombol kirim klik.

Berikut adalah kode lengkap yang telah kami tulis selama tutorial ini:

<html>
<head>
<title>Encrypt Password on client Side</title>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>
<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/md5.js"></script>
<script>
     function encrypt()
	 {
        var pass=document.getElementById('password').value;
		var hide=document.getElementById('hide').value;
		if(pass=="")
		{
		   document.getElementById('err').innerHTML='Error:Password is missing';
		   return false;
		}
		else
		{
		   document.getElementById("hide").value = document.getElementById("password").value;
		   var hash = CryptoJS.MD5(pass);
		   document.getElementById('password').value=hash;
		  return true;
		}
	}
</script>
</head>
<body>
<form class="form-signin" method="post" name="signin" id="signin">
<input type="password"  name="password" id="password" placeholder="Password" id="password" value=""  />
<input type="hidden" name="hide" id="hide" />
<div style="color:red" id="err"></div>
<input type="submit" name="login"  type="submit" onclick="return encrypt()" value="LOGIN"  >
 </form>
</body>
</html>

demikian Cara mengenkripsi kata sandi menggunakan Javascript semoga bermanfaat untuk pembaca di website ini, selamat mencoba ya.

Download Source Code :

rahmad jazuli Seorang Yang Senang Mengoptimasi Seo Blogger Dan Wordpress Sejak 2016, suka dengan berbagai bidang Dunia IT. Terimakasih Sudah Membaca Artikel Di website ini.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *