Type something and hit enter

By On
advertise here

Mengubah fitur kata sandi dalam aplikasi web adalah membiarkan pengguna mengubah kata sandi lama mereka pada beberapa interval berkala. Itu membuat pengguna melindungi halaman sensitif dari peretas.
Beberapa aplikasi web memperbaiki beberapa periode kedaluwarsa untuk kata sandi pengguna. Ini memaksa pengguna untuk mengubah kata sandi setelah periode kedaluwarsa telah berlalu. Sebagai contoh, beberapa aplikasi perbankan memaksa pengguna untuk mengubah kata sandi untuk keamanan.
Kita akan melihat contoh untuk mengubah kata sandi dengan validasi Javascript dengan, mengakses tabel MySQL .
php_change_password

Kode HTML untuk Mengubah Kata Sandi

Kode HTML ini menunjukkan kata sandi perubahan.
  <html>
 <head>
 <title> Ubah Kata Sandi </ title>
 <link rel = "stylesheet" type = "text / css" href = "styles.css" />
 </ kepala>
 <body>
 <form name = "frmChange" method = "post" action = "" onSubmit = "kembali validatePassword ()">
 <div style = "width: 500px;">
 <div class = "message"> <? php if (isset ($ message)) {echo $ message;  }?> </ div>
 <table border = "0" cellpadding = "10" cellspacing = "0" width = "500" align = "center" class = "tblSaveForm">
 <tr class = "tableheader">
 <td colspan = "2"> Ubah Kata Sandi </ td>
 </ tr>
 <tr>
 <td width = "40%"> <label> Kata Sandi Saat Ini </ label> </ td>
 <td width = "60%"> <input type = "password" name = "currentPassword" class = "txtField" /> <span id = "currentPassword" class = "required"> </ span> </ td>
 </ tr>
 <tr>
 <td> <label> Kata Sandi Baru </ label> </ td>
 <td> <input type = "password" name = "newPassword" class = "txtField" /> <span id = "newPassword" class = "required"> </ span> </ td>
 </ tr>
 <td> <label> Konfirmasi Kata Sandi </ label> </ td>
 <td> <input type = "password" name = "confirmPassword" class = "txtField" /> <span id = "confirmPassword" class = "required"> </ span> </ td>
 </ tr>
 <tr>
 <td colspan = "2"> <input type = "submit" name = "submit" value = "Kirim" class = "btnSubmit"> </ td>
 </ tr>
 </ table>
 </ div>
 </ form>
 </ body> </ html>
Semua bidang harus diisi dan kata sandi baru dan kata sandi konfirmasi harus sama. Kami menggunakan validasi Javascript. Fungsi validasi adalah,
  <script>
 function validatePassword () {
 var currentPassword, newPassword, confirmPassword, output = true;

 currentPassword = document.frmChange.currentPassword;
 newPassword = document.frmChange.newPassword;
 confirmPassword = document.frmChange.confirmPassword;

 if (! currentPassword.value) {
 currentPassword.focus ();
 document.getElementById ("currentPassword"). innerHTML = "required";
 output = false;
 }
 else if (! newPassword.value) {
 newPassword.focus ();
 document.getElementById ("newPassword"). innerHTML = "required";
 output = false;
 }
 else if (! confirmPassword.value) {
 confirmPassword.focus ();
 document.getElementById ("confirmPassword"). innerHTML = "required";
 output = false;
 }
 if (newPassword.value! = confirmPassword.value) {
 newPassword.value = "";
 confirmPassword.value = "";
 newPassword.focus ();
 document.getElementById ("confirmPassword"). innerHTML = "tidak sama";
 output = false;
 }  
 output kembali;
 }
 </ script>

PHP Ubah Password Script

Setelah pengiriman formulir yang sukses, kode PHP akan mengakses MySQL untuk mendapatkan kata sandi saat ini. Jika nilai basis data ini cocok dengan bentuk nilai kata sandi saat ini, maka kata sandi akan diubah. Kode PHP adalah,
  <? php
 $ _SESSION ["userId"] = "24";
 $ conn = mysql_connect ("localhost", "root", "");
 mysql_select_db ("phppot_examples", $ conn);
 if (count ($ _ POST)> 0) {
 $ result = mysql_query ("SELECT * dari pengguna WHERE userId = '". $ _SESSION ["userId"]. "'");
 $ row = mysql_fetch_array ($ hasil);
 if ($ _ POST ["currentPassword"] == $ row ["password"]) {
 mysql_query ("UPDATE user set password = '". $ _POST ["newPassword"]. "' WHERE userId = '". $ _SESSION ["userId"]. "'");
 $ message = "Kata Sandi Berubah";
 } else $ message = "Kata Sandi Saat Ini tidak benar";
 }
 ?>


Tutorial kode PHP ini diterbitkan pada 15 September 2013.





Click to comment