Mengubah fitur password dalam aplikasi web adalah membiarkan pengguna mengubah kata sandi lama mereka pada beberapa interval periodik. Itu membuat pengguna melindungi halaman sensitif dari hacker.
Fitur kata kunci dalam aplikasi web adalah kata kunci lama dalam beberapa interval periodik. Itu membuat pengguna dilindungi halaman sensitif dari hacker.
Kita akan melihat contoh untuk mengganti password dengan validasi Javascript dengan mengakses tabel MySQL.
Kode HTML untuk Mengubah Formulir Kata Sandi
Kode HTML ini menunjukkan perubahan kata sandi.
<html> <head> <title>Change Password</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <form name="frmChange" method="post" action="" onSubmit="return 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">Change Password</td> </tr> <tr> <td width="40%"><label>Current Password</label></td> <td width="60%"><input type="password" name="currentPassword" class="txtField"/><span id="currentPassword" class="required"></span></td> </tr> <tr> <td><label>New Password</label></td> <td><input type="password" name="newPassword" class="txtField"/><span id="newPassword" class="required"></span></td> </tr> <td><label>Confirm Password</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="Submit" class="btnSubmit"></td> </tr> </table> </div> </form> </body></html>
Semua kolom wajib dan Password baru dan konfirmasi Password harus sama. Kami menggunakan validasi Javascript. Fungsi validasinya 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 = "not same"; output = false; } return output; } </script>
PHP Ubah Password Script
Setelah berhasil form submit, kode PHP akan mengakses MySQL untuk mendapatkan password saat ini. Jika nilai database ini cocok dengan bentuk nilai password saat ini, maka password akan berubah. Kode PHPnya adalah,
<?php $_SESSION["userId"] = "24"; $conn = mysql_connect("localhost","root",""); mysql_select_db("infokoding",$conn); if(count($_POST)>) { $result = mysql_query("SELECT *from users WHERE userId='" . $_SESSION["userId"] . "'"); $row=mysql_fetch_array($result); if($_POST["currentPassword"] == $row["password"]) { mysql_query("UPDATE users set password='" . $_POST["newPassword"] . "' WHERE userId='" . $_SESSION["userId"] . "'"); $message = "Password Changed"; } else $message = "Current Password is not correct"; } ?>
Silahkan klik tombol Like Us terlebih dahulu untuk mendownload file ini.
By clicking the subscribe button you will never miss the new articles!
Infokoding adalah sebuah situs yang berisi tentang koding dalam membuat website mulai dari HTML, CSS dan JS. Banyak hal yang bisa didapat dari ketiga kata tersebut, dan tentunya sangat menyenangkan.
This site uses Akismet to reduce spam. Learn how your comment data is processed.
This website is for sale, please contact us by email Situs web ini untuk dijual, silakan hubungi melalui email |
- Dapatkan link
- X
- Aplikasi Lainnya
- Dapatkan link
- X
- Aplikasi Lainnya
[…] Email pemulihan Password memiliki link ke halaman di mana kita bisa mengatur kata sandinya. Di posting sebelumnya, kita sudah melihat bagaimana cara memasukan password. […]
pliss send script
Boleh minta scrip codingnya?
maaf caranya tlg donk dijelaskan sbb saya awam bgt nih. ini artikel yg sy cari krn email sy gk bs dibuka krn ada org yg merubah password sy. Trmksh.( eth050454@gmail.com)
maaf caranya tlg donk dijelaskan sbb saya awam bgt nih. ini artikel yg sy cari krn email sy gk bs dibuka krn ada org yg merubah password sy. Trmksh.