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

Sdílet
Vložit
  • čas přidán 5. 09. 2022
  • 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:
    ◼️ CZcams: goo.gl/tTFmPb
    ◼️ Facebook: goo.gl/qv7tEQ
    ◼️ Twitter: / itsavinashkr
    ◼️ Instagram: / iamavinashkr

Komentáře • 62

  • @TheMenny10
    @TheMenny10 Před 11 měsíci +2

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

  • @a41eve10
    @a41eve10 Před rokem +1

    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
    @mdirshadkhan6124 Před rokem +2

    You have better examplening skill than all bloggers

  • @adityanjsg99
    @adityanjsg99 Před 10 měsíci

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

  • @Harshgamerworld
    @Harshgamerworld Před rokem +2

    Thanks for this video

  • @hcmac100
    @hcmac100 Před měsícem +1

    Really nicely explained - thank you :)

    • @GreatStackDev
      @GreatStackDev  Před měsícem

      Glad you liked it. Thanks for your comment. 😊

  • @awake8368
    @awake8368 Před rokem

    Bro your true instructor bro.. awesome

  • @andersonrocha9761
    @andersonrocha9761 Před rokem +9

    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
      @muuminthechap3062 Před rokem

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

    • @andersonrocha9761
      @andersonrocha9761 Před rokem +1

      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.

  • @iqbalfajry
    @iqbalfajry Před rokem

    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

  • @usamashahid6701
    @usamashahid6701 Před rokem

    Thank you soo much sir.

  • @jayhu6075
    @jayhu6075 Před rokem +2

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

    • @GreatStackDev
      @GreatStackDev  Před rokem

      Glad you liked it, hope you will enjoy this form validation in JavaScript: czcams.com/video/fz8bwvn9lA4/video.html

    • @statusofficial7885
      @statusofficial7885 Před rokem

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

  • @CrazyGamerzzzYT
    @CrazyGamerzzzYT Před rokem +1

    Very informative Bro

  • @greentube2024
    @greentube2024 Před rokem +1

    Fantastic bro.

  • @L0sseWPUBG
    @L0sseWPUBG Před rokem +1

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

    • @GreatStackDev
      @GreatStackDev  Před rokem

      Glad this email validation tutorial helped you!

  • @ayushjangid4267
    @ayushjangid4267 Před 9 měsíci

    Well explained 🙌🏻

  • @dunno_268
    @dunno_268 Před rokem

    thank you sir

  • @AjayKumar-gg4ds
    @AjayKumar-gg4ds Před 4 měsíci

    Very nice

  • @lakshyarajdash
    @lakshyarajdash Před rokem +1

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

  • @Localpoultryfarm
    @Localpoultryfarm Před rokem +2

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

  • @muuminthechap3062
    @muuminthechap3062 Před rokem +1

    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

  • @statusofficial7885
    @statusofficial7885 Před rokem +1

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

  • @mdsamsudduhashawon9792
    @mdsamsudduhashawon9792 Před rokem +1

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

  • @codeverse_studio05
    @codeverse_studio05 Před 5 měsíci

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

  • @shandev8685
    @shandev8685 Před 9 měsíci

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

  • @polytv8405
    @polytv8405 Před 6 měsíci

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

  • @user-bb3rl9lt9q
    @user-bb3rl9lt9q Před rokem +2

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

    • @GreatStackDev
      @GreatStackDev  Před rokem

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

  • @baldhaparth4326
    @baldhaparth4326 Před rokem

    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

  • @tylerw2314
    @tylerw2314 Před rokem +1

    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
      @GreatStackDev  Před rokem

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

  • @rushikeshavachat4282
    @rushikeshavachat4282 Před rokem +1

    Please make a Text Validation using JavaScript.Please make that video.I am very confused

    • @GreatStackDev
      @GreatStackDev  Před rokem

      here is the tutorial for text validation in JavaScript: czcams.com/video/fz8bwvn9lA4/video.html

  • @believeingodalways
    @believeingodalways Před rokem

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

  • @sarthaksingh7570
    @sarthaksingh7570 Před rokem +1

    How to verify that email is correct

  • @ramikaperera
    @ramikaperera Před rokem

    Please make a video To make a featured webbrowser like chrome

  • @SahilKhan-jz6ef
    @SahilKhan-jz6ef Před rokem +2

    😊Check your false spelling in input attribute (spellcheck="fasle")😀.......

  • @CuteAnimalBuddy
    @CuteAnimalBuddy Před rokem

    Can You please also Make video on phone number validation in form

    • @GreatStackDev
      @GreatStackDev  Před rokem

      there is the tutorial with phone number validation: czcams.com/video/fz8bwvn9lA4/video.html

    • @CuteAnimalBuddy
      @CuteAnimalBuddy Před rokem

      Thankyou very much

  • @jameelau7293
    @jameelau7293 Před 11 měsíci

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

  • @Okord_Obasi
    @Okord_Obasi Před rokem +1

    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

  • @danishharoon007
    @danishharoon007 Před rokem +1

    nama age cnic gender ? please more video

  • @nehabhokare5638
    @nehabhokare5638 Před 3 měsíci

    How to avoid by default alert.. Plz batao

  • @goldenidea7219
    @goldenidea7219 Před rokem

    Are you give me JavaScript tutorials

  • @priyanshu.kunwar
    @priyanshu.kunwar Před rokem

    Bhai name upr jaa hi nhi rha animate hoke.
    Jabki same code kara hai apkii trh

  • @CS_HimanshuVishwakarma
    @CS_HimanshuVishwakarma Před 7 měsíci

    Not working

  • @hanzz1928
    @hanzz1928 Před 10 měsíci

    Not accurate.