Membuat Ubah atau Ganti Password di php

Publish Date : 10-02-2018 , dibaca 32942 kali, Hari ini dibaca : 2 kali ,0 comments

Tutorial kali ini kita akan membahas Cara Membuat Form Ubah Password , Ubah Password sering juga disebut dengan Ganti Password, ya ini memliki kesamaan dan sedikit perbedaan saja..

Jika kita membuat Ubah atau ganti password or Change Password Script ...hee.. sok english ne.., berarti kita membuat fasilitas Form yang digunakan untuk mengganti password login user, ini di inputkan oleh user sendiri, user ingat dengan password nya, namun ingin mengganti password sebelumnya dengan password yang baru.

sedangkan Reset Password biasa digunakan untuk member atau user yang lupa dengan password nya, mengalami kesulitan untuk masuk ke sistem dikarenakan lupa dengan password nya, sehingga perlu diberikan fasilitas reset / lupa password dimana akan dihubungkan melalui email, untuk password yang baru

Gambar Form Ubah Password

Database Script :

Buat database dengan nama "db_suckittrees" , Kemudian pastekan script dibawah ini :

CREATE TABLE IF NOT EXISTS `users` (
  `userId` int(8) NOT NULL AUTO_INCREMENT,
  `userName` varchar(55) NOT NULL,
  `password` varchar(55) NOT NULL,
  `displayName` varchar(55) NOT NULL,
  PRIMARY KEY (`userId`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;

--
-- Dumping data for table `users`
--

INSERT INTO `users` (`userId`, `userName`, `password`, `displayName`) VALUES
(1, 'admin', 'admin123', 'Admin');

HTML SCRIPT :

Berikut ini merupakan form yang digunakan untuk fasilitas ubah password, dimana kita membuat form yang terdiri dari 3 buat inputan , inputan Current Password (untuk password lama) , New Password (untuk password baru), Confirm Password (Untuk Ulangi Password Baru)

<html>
<head>
<title>Change Password Suckittrees.Com</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div class="wrapper">
<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"><h2>Change Password Suckittrees.Com</h2></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></td>
<td><input type="submit" name="submit" value="Submit" class="btn">
<input type="reset" name="reset" value="Reset" class="btn"></td>
</tr>
</table>
</div>
</form>
</div>
</body>
</html>

Javascript SCRIPT :

Ini digunakan untuk membuat validasi, letakkan diantara kode <head>disini</head>

<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 = "No Match";
output = false;
}     
return output;
}
</script>

PHP SCRIPT :

Letakkan kode dibawah ini diatas tag <html> , paling atas sekali :

<?php
$_SESSION["userId"] = "24";
$koneksi = mysql_connect("localhost","root","");//koneksi kedatabase
mysql_select_db("db_suckittrees",$koneksi);//nama database
if(count($_POST)>0) {
$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 Tidak Valid";
}
?>

Tentunya pada kode diatas kita mengubah data user , saat user login dan terbentuk SESSION, dengan menggunakan SESSION kita bisa melakukan ubah password untuk fasilitas pada member. Untuk Surce Code Membuat Ubah Password dapat anda download disini :

Download

Cara Mudah import database di PHPMYadmin
Previous Post

Free Download Contoh Aplikasi CRUD PHP OOP
Next Post