Скачать или смотреть Laravel 11 Tutorial #12 | E-commerce with Laravel & MongoDB | Update Admin Password (II)

Laravel 11 Tutorial (with MongoDB):    • Laravel 11 Tutorial (with MongoDB)  

This is Part 12 of the Laravel 11 Tutorial in which we are building the e-commerce website with Laravel as the front end and MongoDB as the backend. In this video, we will check if current password filled by admin in update password form is correct or not. We will check in Ajax and display message with current password field in Update Password form that we have created in Settings page of admin.

1) Update update_password.blade.php file :-
First of all, we will update "Update Password" form by adding action, name, id to form.

2) Create custom.js file :-
First of all, we will create custom.js file at /public/admin/js/ folder. Then we will add Jquery/Ajax in this file to check if current password entered by the admin is correct or not.

Also search for keyword "add csrf token to laravel ajax" and open below link to update jquery code:
https://stackoverflow.com/questions/3...

3) Update layout.blade.php file :-
Now we will include custom.js file in layout.blade.php file located under admin\layout\ folder.

4) Create Route :-
Now we will create POST route in web.php file for checking current password that we have passed via Ajax URL :-
Route::post('check-current-password',[AdminController::class,'checkCurrentPassword']);

5) Create checkCurrentPassword function :-
Now we will create checkCurrentPassword function at AdminController in which we will check if current password entered by admin is correct or not. We will return true or false to Ajax to display the message at update password form.

6) Update update_password.blade.php file :-
Now in update_password file, in Password form, below Current password field, we will add one span tag with id to display message that we have returned from Ajax.

7) Include Hash Class
Include Hash Class at top of AdminController

use Hash;

Now we will update our Jquery function. We will check true or false value in Ajax return to display the success or error message in chkPwd ID that we have just created.

Now see in video, true comes if we give correct password 123456 and false comes if we give incorrect password. And we have added condition in Ajax to display error or success message based on it.

See now in video, message comes based on our current password. So if we give correct password then it shows Current Password is Correct, otherwise Incorrect.

In next video, we will finally update the password and then login with the updated password.

So stay tune for next video..

Thanks for watching :)

►Click here to subscribe for Laravel & other updates -    / stackdevelopers  

Popular Stack Developers Series that can help you:-

►Laravel MongoDB Tutorial:    • Laravel MongoDB Tutorial  

►Laravel 10 Tutorial Playlist:    • Laravel 10 Tutorial: Make Admin Panel / E-...  

►Laravel Multi-Vendor E-commerce Website -    • Laravel Multi Vendor Tutorial  

►React JS Tutorial for Beginners with Laravel -    • React JS Tutorial with Laravel for Beginners  

►Laravel Tutorial for Beginners -    • Laravel Tutorial for Beginners | Advance E...  

►GIT Tutorial for Beginners -    • Git Tutorial for Beginners | Create your F...  

►Laravel API Tutorial -    • Laravel API Tutorial | Create API from Scr...  

►Laravel Interview Questions -    • Laravel Interview Questions & Answers | 20...  

►jQuery Tutorial -    • jQuery Tutorial  

►Laravel Basic E-commerce Series -    • Make Admin Panel / E-commerce Website in L...  

►Laravel Dating Series -    • Make Dating / Social Networking Website in...  

►Join this channel to get the complete source code of all series:
   / @stackdevelopers  

Follow Stack Developers on Social Media to get updates and resolve your queries
►Like Facebook Page to get updates -   / stackdevelopers2  
►Join Facebook Group to resolve your queries -   / stackdevelopers  
►Follow on Instagram -   / stackdevelopers2  
►Follow on GitHub - https://github.com/stackdevelopers

#laravel11 #laravel #mongodb #mongodbtutorial