How To Make Password Strength Indicator Using HTML CSS And JavaScript

preview_player
Показать описание
Learn How To Make Password Strength Indicator Using JavaScript | Add Password Strength Checker In Form using HTML CSS and JavaScript

In this video we will make a password Input field and when we will start typing in this input field, It will display the strength of the password as Week password, Medium Password or Strong Password. This password Indicator is built using JavaScript. #JavaScriptProject

-----------------------------------------
Suggested Course:

❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate

-------------------------------------
Recommended Videos:

Learn Complete HTML and CSS from basics:

Make A Complete Website for college using HTML & CSS:

How to make a Business website step by step:

How to make personal resume website step by step:

How to make fitness website design using HTML CSS:

How to make an Ecommerce Website Design:

How to make a Job Portal website design with HTML & CSS:

How to make travel website design with HTML CSS Bootstrap:

-------------------------------------

Affordable web hosting (coupon- EASYTUTORIALS)

My recommended tools and tutorials

-------------------------------------

◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:

-------------------------------------
Connect with me:
Рекомендации по теме
Комментарии
Автор

you are the best here on youtube. may God bless you more for sharing your knowledge with us for free.

djfago
Автор

You are my online tutor, I got a front end developer job only watching your video.❤

premprem
Автор

thanks for the quick and accurate video. For anyone wanting the image, just screenshot it and remove the outer circle with simple controls on Mac desktop. Size can be changed with width in CSS.

lukekoletsios
Автор

One of the best channels for computer science

shoukieboosary
Автор

I tought you was going to test a regular expression with multiple params that indicates the Strength

angelfigueroa
Автор

Thank you for the wonderful video.
By the way, you use var in variable names when writing javascript, what is the advantage of using var instead of let?

Nanashi-rqlk
Автор

Hello Avinash, Next time make a shopping cart tutorial .

iftyrahman
Автор

You didn't post the link for the arrow picture

Gamer_Guy.
Автор

I did not find the arroy image in your discription box , I think you forgott to mentioned it

kanikaverma
Автор

Sir please make a video on how to make a tribute page 📄

sagarm
Автор

Hello Avinash,
I have to make the border Color of the input white when I write a particular password, and then I decide to remove all characters and start from the beginning.
I hope you'll be able to answer me.

Ali-none
Автор

In line 30 - 44
if(pass.value.length<4) {
//weak
}else if(pass.value.length<8) {
//medium
}else {
//strong
}

😁😁😁

mahfuzibnesyful
Автор

Please use local storage to save data in Online Code Editor Like CodePen

muhammadaffantoor
Автор

Sir mine is not showing the functions😒😒

timm...
Автор

Mr Easy can you please help us with php

flex
Автор

Strength password is not about only length of password...

insightful_code
Автор

How nice this is. Thank you so much for this video tutorial 🤌🏽

zymbc