contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Membuat Ubah atau Ganti Password di php

Posted in PHP MYSQL / i Life at 10 Februari 2018 With 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

ubah atau reset password php
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

 

Artikel Rekomendasi



Artikel Terkait

Diskusi