How To Make Email Validation Using JavaScript | Valid & Invalid Email Check In JavaScript

Email Validation Using JavaScript | Email Validation Tutorial for Beginners

In this video we will learn to make an email input field with email validation.
In this input filed the label text moves up when we start typing anything in this input field. There is an Error message which moves down when we enter any invalid email.

If the entered email id is invalid then you can see the error message and the border color of input field is red. Once we enter the correct email then the border color becomes green.

We will make this email validation using HTML, CSS and JavaScript

#EmailValidation #JavaScriptValidation #javascript

Copy below text:
(/^[A-Za-z\._\-0-9]*[@][A-Za-z]*[\.][a-z]{2,4}$/)

-----------------------------------------
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:

Beginner's HTML & CSS Course:

Complete Responsive Website For College:

Business website Using HTML CSS Bootstrap:

Personal Portfolio website With HTML CSS JS:

Complete Responsive Fitness website:

How to make an Ecommerce Website Design:

Create Job Portal website design with HTML & CSS:

Make a 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:

-------------------------------------
Like - Follow & Subscribe us:

[aeve]

I watched a lot of videos about form validation, only your video helped, everything is intelligible and simple, thank you very much, good luck to you))

[TheMenny]

Simple and concise! It helped me a lot to understand how to properly implement email validation within my JS file. Thank you!

[mdirshadkhan]

You have better examplening skill than all bloggers

[adityanjsg]

I am a Django developer, used this video for my chatbot. It solved the issue, thanks.

[iqbalfajry]

THANKYOU VERY VERY VERY MUCH TO YOU cause you've make this channel for free tutorial i'm so proud to you and i enjoy it thankyou creator you're AMAZINGGG BROOO

[awake]

Bro your true instructor bro.. awesome

[jayhu]

I like this kind of tutorial. Hopefully more from this stuff. Many thanks.

[LsseWPUBG]

THANKS A LOT BRO that was the last thing to finish my portfolio website 😁😉 good luck on work

[andersonrocha]

Hello my teacher, how are you! First I want to thank you for all your videos, I have learned a lot, I ask God to enlighten you and give you strength to continue producing excellent videos like this. Well, it wouldn't be interesting to have a video teaching us HOW TO SEND AN E-MAIL TO THE USER CONFIRMING THE REGISTRATION. I know we need a server for this, but it would be great if we had more of this experience. Thank you very much in advance.

[hcmac]

Really nicely explained - thank you :)

[lakshyarajdash]

I request you to make a video on full chat app using php and websockets with authentication implemented in it.

[shandev]

Hello, can we use this .match() method to validate any other inputs like (except password)

[statusofficial]

Hi sir please make a tutorial on responsive Admin cPanel for website

[mdsamsudduhashawon]

If I want to add any "x" icon or tick icon before to the text "Please enter a valid email", how do I do that???

[muuminthechap]

Hello my teacher i appreciate to the courses that you give us for free thank you and thank you may god give you long life amen

[Localpoultryfarm]

*Please make a tutorial on "How to create a responsive blogger theme"*

[believeingodalways]

Can you give regex for some specific domain like gmail, yahoo

[baldhaparth]

i have a html form and form data will be stored in blow table, so i have email field in my html form and i need to validation using javascript using for loop if user can duplicate email it has alert email already exist. duplicate email doesn't enter

[codeverse_studio]

bro create a video on how to make a website responsive on all devices

[polytv]

Thanks alot very helpful but it doesn't work for uppercase, you still put lowercase but working