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

Подписаться 1 млн

Просмотров 59 тыс.

50% 1

Email Validation Using JavaScript | Email Validation Tutorial for Beginners
❤️ SUBSCRIBE: goo.gl/tTFmPb
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
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Beginner's HTML & CSS Course:
► • HTML And CSS Tutorial ...
Complete Responsive Website For College:
► • How To Make A College ...
Business website Using HTML CSS Bootstrap:
► • How To Make Website Us...
Personal Portfolio website With HTML CSS JS:
► • How To Make A Portfoli...
Complete Responsive Fitness website:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
Create Job Portal website design with HTML & CSS:
► • How To Make Website Us...
Make a travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ 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:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ RU-vid: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

Опубликовано:

5 сен 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 62

@TheMenny10 Год назад

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

@a41eve10 Год назад

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

@mdirshadkhan6124 Год назад

You have better examplening skill than all bloggers

@adityanjsg99 10 месяцев назад

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

@Harshgamerworld Год назад

Thanks for this video

@awake8368 Год назад

Bro your true instructor bro.. awesome

@CrazyGamerzzzYT Год назад

Very informative Bro

@greentube2024 Год назад

Fantastic bro.

@andersonrocha9761 Год назад

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.

@muuminthechap3062 Год назад

I would like to ask like this question but thank you to be the first one

@andersonrocha9761 Год назад

Hello dear @mu'umin the chap, how are you? I saw that we have the same question. However, it is necessary that you also ask the teacher to teach us how to do it. Remember, unity is strength.

@usamashahid6701 Год назад

Thank you soo much sir.

@ayushjangid4267 10 месяцев назад

Well explained 🙌🏻

@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

@jayhu6075 Год назад

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

@GreatStackDev Год назад

Glad you liked it, hope you will enjoy this form validation in JavaScript: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fz8bwvn9lA4.html

@statusofficial7885 Год назад

@@GreatStackDev Please sir make a tutorial on responsive Admin cPanel for website using HTML CSS and JavaScript

@L0sseWPUBG Год назад

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

@GreatStackDev Год назад

Glad this email validation tutorial helped you!

@dunno_268 Год назад

thank you sir

@AjayKumar-gg4ds 4 месяца назад

Very nice

@hcmac100 Месяц назад

Really nicely explained - thank you :)

@GreatStackDev Месяц назад

Glad you liked it. Thanks for your comment. 😊

@lakshyarajdash Год назад

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

@shandev8685 9 месяцев назад

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

@muuminthechap3062 Год назад

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

@GreatStackDev Год назад

Thank you! 😃

@statusofficial7885 Год назад

@@GreatStackDev Please sir Make a tutorial on responsive Admin cPanel for website

@statusofficial7885 Год назад

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

@mdsamsudduhashawon9792 Год назад

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

@believeingodalways Год назад

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

@Localpoultryfarm Год назад

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

@GreatStackDev Год назад

Sorry I don't know to make blogger theme

@baldhaparth4326 Год назад

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_studio05 5 месяцев назад

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

@sarthaksingh7570 Год назад

How to verify that email is correct

@polytv8405 6 месяцев назад

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

@user-bb3rl9lt9q Год назад

Hi, the error message did not disappear after I applied name error.innerHTML =" "; return true;

@GreatStackDev Год назад

send me you code screenshot on social media inbox, links are given in the description

@jameelau7293 11 месяцев назад

hi how to learn javascript perfectly and how will get that css things instantly??

@tylerw2314 Год назад

Hello sir, thanks so much for all your videos. Sir I don't know if it will be possible to get in direct contact with you. I wish to have a chat with you thanks

@GreatStackDev Год назад

you can find my social medial profile links in the description

@LuciferMorningstar-wy2fh Год назад

Sir from where I can learn JavaScript CSS and HTML any preference??

@GreatStackDev Год назад

here you can learn: www.w3schools.com/

@Okord_Obasi Год назад

Hello, please I dropped a message on Facebook but no response, could you please check it? I dropped with screenshot thank you. Also, could you please make a full javascript tutorial thanks