Laravel Check Old Password While Changing Password
Hello artisans, today I’ll show you how to check an old password and update a new password using Laravel. So then let’s get started.
Note: Tested on Laravel 8.54.
Table of Contents
Install Laravel and Basic Config
Each Laravel project needs this thing. For that you can see the very beautiful article on this topic from here: Install Laravel and Basic Configurations.
Process to Change Current Password
Create Routes.
routes/web.php
<?php
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Route;
Route::get('/', function () {
return view('welcome');
});
Auth::routes();
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
//routes for change password
Route::get('change-password',[\App\Http\Controllers\HomeController::class,'editPassword'])->name('change.password');
Route::get('update-password',[\App\Http\Controllers\HomeController::class,'updatePassword'])->name('update.password');
Create methods in your HomeController.
app/Http/Controllers/HomeController.php
<?php
namespace App\Http\Controllers;
use App\Models\User;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Hash;
class HomeController extends Controller
{
public function __construct()
{
$this->middleware('auth');
}
public function index()
{
return view('home');
}
public function editPassword()
{
$user = User::find(auth()->id());
return view('auth.change-password', compact('user'));
}
public function updatePassword(Request $request)
{
$request->validate([
'oldpassword' => 'required',
'newpassword' => 'required',
]);
$user = User::find(auth()->id());
$old_password = auth()->user()->password;
if (Hash::check($request->oldpassword, $old_password)) {
if (!Hash::check($request->newpassword, $old_password)) {
$user->password = bcrypt($request->newpassword);
$user->save();
session()->flash('message', 'password updated successfully');
return back();
} else {
session()->flash('message', 'new password can not be the old password!');
return back();
}
} else {
session()->flash('message', 'old password doesnt matched ');
return back();
}
}
}
Now, run your project and register for an account. After successfully completing the registration, let’s modify the app.blade.php where we are going to add an extra option in the dropdown named “Change Password“. For doing that paste the following code into body section.
resources/views/layouts/app.blade.php
<div id="app">
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand" href="{{ url('/') }}">
{{ config('app.name', 'Laravel') }}
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Left Side Of Navbar -->
<ul class="navbar-nav mr-auto">
</ul>
<!-- Right Side Of Navbar -->
<ul class="navbar-nav ml-auto">
<!-- Authentication Links -->
@guest
@if (Route::has('login'))
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
</li>
@endif
@if (Route::has('register'))
<li class="nav-item">
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
</li>
@endif
@else
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ route('change.password') }}">Change Password</a>
<a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
{{ __('Logout') }}
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
</li>
@endguest
</ul>
</div>
</div>
</nav>
<main class="py-4">
@yield('content')
</main>
</div>
Now you can see the following output:
Now before going to the URL, create a blade file under auth folder named “change-password” and paste the following code:
resources/views/auth/change-password.blade.php
@extends('layouts.app')
@section('content')
<div class="row justify-content-center">
<div class="col-8">
@if(Session::has('message'))
<div class="alert alert-{{Session::get('class')}} alert-dismissible fade show alert-custom"
role="alert">
{{ Session::get('message') }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
@endif
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Change Password') }}</div>
<div class="card-body">
<form method="POST" action="{{ route('update.password') }}">
@csrf
<div class="form-group row">
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Old Password') }}</label>
<div class="col-md-6">
<input id="old_password" type="password" class="form-control @error('old_password') is-invalid @enderror" name="old_password" autocomplete="old-password">
@error('old_password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
<div class="col-md-6">
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" autocomplete="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
<div class="col-md-6">
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" autocomplete="new-password">
</div>
</div>
<div class="form-group row mb-0">
<div class="col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Change Password') }}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
Output
Now click on the dropdown Item “Change Password” and try to change the password and you will find the below output:
That’s all for today. You can download this project from GitHub. Thanks for reading.
