Login Form Validation using HTML CSS & Javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ม.ค. 2025

ความคิดเห็น • 124

  • @CodingNepal
    @CodingNepal  5 ปีที่แล้ว +8

    You'll also love this Login Form Validation with Shake Effect
    ➤ Watch Now: th-cam.com/video/lqwdD2ivIbM/w-d-xo.html

  • @DonAngelo333
    @DonAngelo333 3 ปีที่แล้ว +14

    Very handy example, thanks for sharing it. Plus the video presentation is cool, it makes a lot of sense to upload it and do it step by step. Subscribed!

    • @CodingNepal
      @CodingNepal  3 ปีที่แล้ว +1

      You're very welcome!

    • @WindChartES
      @WindChartES ปีที่แล้ว

      @@CodingNepal Good evening, how can I connect my database with Javascript? It's worse with your help, thank you ?

  • @sebastianperez4804
    @sebastianperez4804 ปีที่แล้ว +1

    I had been looking for a solution for hours, it is what you need totally amazing, thanks!!
    Subscribed and a good like

  • @ashanperera2829
    @ashanperera2829 3 ปีที่แล้ว +1

    you are a good teacher from sri lanka.

  • @sangamxghimire
    @sangamxghimire 2 ปีที่แล้ว

    Iam class 12 Computer Student
    iam learning java script from 1st level
    thiis video helped me thank you dai

  • @kavinthapa9076
    @kavinthapa9076 3 ปีที่แล้ว

    Ali vocally speak gardai bujako vaye ati ramro hune thiyo hola 💗

  • @sanikapatil3012
    @sanikapatil3012 2 ปีที่แล้ว +1

    Thank a lot sir.🙏🤗.
    Amazing video😎

  • @karthiktv8912
    @karthiktv8912 3 ปีที่แล้ว

    Thank you for providing source code you got a new subscriber❤️🙏

  • @abushreefihtube3689
    @abushreefihtube3689 3 ปีที่แล้ว +3

    How did you do the login button?
    Please answer my question!

  • @Jazzyb2b
    @Jazzyb2b 4 ปีที่แล้ว +3

    It helped me a lot.
    Thanks for the amazing work.

  • @purvashgangolli5968
    @purvashgangolli5968 3 ปีที่แล้ว +1

    I dont want numericals in username then what shd i add in validate function in js?

  • @sarasrifii
    @sarasrifii 2 ปีที่แล้ว

    the javascript doesnt wanna worrrrrrrrrkkkkkkkkkkk

  • @ericella8870
    @ericella8870 3 หลายเดือนก่อน

    hi i downloaded your file. but the login button is not working in my laptop. can you please help me..

  • @kidanegebremariam3497
    @kidanegebremariam3497 5 หลายเดือนก่อน

    Please explain how did you remove the “please fill up password “? You remove the password text by saying display:none; on css but it doesn’t show not clearly, can you send me comment please?

  • @MohammedAhmed-iz9cr
    @MohammedAhmed-iz9cr 2 ปีที่แล้ว +1

    100th comment (hahahah)
    🥺

  • @079allensanthosh3
    @079allensanthosh3 ปีที่แล้ว +1

    HTTP 405 error is showing

  • @wed_noxxy6973
    @wed_noxxy6973 2 ปีที่แล้ว

    Thanks for the amazing work ❤️

  • @immanuelnamuhuja9250
    @immanuelnamuhuja9250 2 ปีที่แล้ว

    Thank you so much. God bless you.

  • @Unknown-ol7ot
    @Unknown-ol7ot 2 ปีที่แล้ว

    The error for login is disabled or not working even if u dont put letter in email&pass, once if you click the button it will automatically go to next website

  • @kuldippatil2006
    @kuldippatil2006 3 ปีที่แล้ว

    On blank field submit,how can we focus all fields at same time??

  • @rounakkhanal3157
    @rounakkhanal3157 4 ปีที่แล้ว +1

    How can i get info about what they have submitted like what they wrote and submitted

    • @rounakkhanal3157
      @rounakkhanal3157 4 ปีที่แล้ว +1

      And where is that info stored please explain

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Please check our PHP playlist.

  • @ramasutjipton5862
    @ramasutjipton5862 3 ปีที่แล้ว +1

    How to connect the login page to the website page in html language?..

    • @CodingNepal
      @CodingNepal  3 ปีที่แล้ว +1

      You mean how to upload it to an online server?

    • @ramasutjipton5862
      @ramasutjipton5862 3 ปีที่แล้ว

      @@CodingNepal yes

  • @Deen_Sabka
    @Deen_Sabka 2 ปีที่แล้ว

    onsubmit= return give error
    A return statement can only be used within a function body. how can solve it please help

    • @darienford860
      @darienford860 2 ปีที่แล้ว

      Did you specifically put onsubmit="return validated()" from your valid.js class?

  • @reshmanm8824
    @reshmanm8824 3 ปีที่แล้ว

    There is no phone number validation only email validation is done for email and phone number field.

  • @sairamavamsitammana1987
    @sairamavamsitammana1987 3 ปีที่แล้ว +1

    I am unable to access display element using javascript can you help me

    • @CodingNepal
      @CodingNepal  3 ปีที่แล้ว

      Here is the codes - drive.google.com/file/d/1RSCWv4KgZGRwGHsOk33SfgK40BrO8EnB/view?usp=drivesdk

    • @sairamavamsitammana1987
      @sairamavamsitammana1987 3 ปีที่แล้ว

      @@CodingNepal Thank you

  • @Demon_T8_
    @Demon_T8_ 7 หลายเดือนก่อน

    Does this only get’s log in if registered id password is entered or , any id password can log it in

  • @enel5997
    @enel5997 7 หลายเดือนก่อน

    Thank you so much 🥰

  • @Depa3
    @Depa3 ปีที่แล้ว

    What do I have to do to make it a specific word?

  • @IT-CODINGWORLD
    @IT-CODINGWORLD 3 ปีที่แล้ว +1

    Goood.. thanks 😊♥️

  • @Ramces-Fit1557
    @Ramces-Fit1557 3 ปีที่แล้ว

    Hi, have you even connect any page , with html,javascript, css connect with sql server , the problem is ,a have a project so I have to connect my login with sql server can you help me please?🥺

  • @artjax.9269
    @artjax.9269 4 ปีที่แล้ว +1

    Why does the Javascript can't connect to the HTML??
    Plz give me some code

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Please download codes from description link

  • @rohitmiryala8543
    @rohitmiryala8543 4 ปีที่แล้ว +1

    your source code is not getting me ..no source in your website

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      I'm uploading code there everyday... Hope you'll find this tutorial codes soon there.

  • @darasujithchandra2526
    @darasujithchandra2526 4 ปีที่แล้ว +1

    can some please help me ,i am not able to find the code in the given link.

  • @p5yDucK19
    @p5yDucK19 4 ปีที่แล้ว

    give me the exact code link plz
    js code is not working

  • @jhalakthakuri4959
    @jhalakthakuri4959 2 ปีที่แล้ว

    How to do validation from database ..

  • @adarshaadhikari2172
    @adarshaadhikari2172 4 ปีที่แล้ว +1

    sir maile yo video website ma bhetina ni. source code ni bhetina. please help

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Instagram ma contact garw - instagram.com/coding.np

  • @zeehutt7876
    @zeehutt7876 2 ปีที่แล้ว

    How did you get the please fill your form stuff to hide so it got activated by the Dom event?

  • @waleedabbasi9218
    @waleedabbasi9218 3 ปีที่แล้ว +1

    js code doesnt work

  • @athexforyou
    @athexforyou 3 ปีที่แล้ว

    Plese make a vedio of javascript from being using function and work of parseInt pompt etc

  • @godgamerff4728
    @godgamerff4728 4 ปีที่แล้ว +1

    SIR PASS WRONG VAYEPANI LANXA HOLA HOME.HTML MAA

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Tesko lagi yo video herw th-cam.com/video/tYdy4272IEs/w-d-xo.html

  • @agnesmaehallasgo848
    @agnesmaehallasgo848 4 ปีที่แล้ว +1

    how to create a time in time out system using html css and javascript

  • @adityasaputra4288
    @adityasaputra4288 2 ปีที่แล้ว

    how email changed to username

  • @Marilyn_daly
    @Marilyn_daly 4 ปีที่แล้ว +1

    how to store data in some database instead of home.html?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      For that we need backend language like php - mysql.

    • @Marilyn_daly
      @Marilyn_daly 4 ปีที่แล้ว +1

      @@CodingNepal Can we do it with Javascript?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      I think you can do with nodejs.

    • @brothercaleb
      @brothercaleb 4 ปีที่แล้ว +1

      Or just use localstorage for demonstration purposes. Then use express or laravel

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว +1

      Watch this - th-cam.com/video/tYdy4272IEs/w-d-xo.html

  • @maithelong6075
    @maithelong6075 3 ปีที่แล้ว +1

    why your js code is not working?

    • @CodingNepal
      @CodingNepal  3 ปีที่แล้ว +1

      It work. Please recheck your codes.

    • @maithelong6075
      @maithelong6075 3 ปีที่แล้ว

      @@CodingNepal 😢 okay

  • @iamzuhayrhasan
    @iamzuhayrhasan 3 ปีที่แล้ว

    When I clicked the login button it says "THIS PAGE IS NOT WORKING RIGHT NOW" please help

    • @HieuPham-dh2qk
      @HieuPham-dh2qk 3 ปีที่แล้ว +2

      u can try change the method to "get"

  • @ShadabKhan-vh9nf
    @ShadabKhan-vh9nf 4 ปีที่แล้ว +2

    Y r u playing music, instead explain please

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      I'll add my voice in upcoming videos.

  • @Tbm4545
    @Tbm4545 8 หลายเดือนก่อน

    9:20

  • @ramasutjipton5862
    @ramasutjipton5862 3 ปีที่แล้ว +1

    And how to connect html and css?..

  • @sinki3322
    @sinki3322 ปีที่แล้ว

    Thank you thank you thank you!!!!

  • @johnmichael9495
    @johnmichael9495 3 ปีที่แล้ว

    Why me can not ?

  • @snehabansode8328
    @snehabansode8328 4 ปีที่แล้ว +1

    How to download programm code plss tell

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Please contact me on Instagram or here - codingnepalweb@gmail.com

  • @vinayksingh1990
    @vinayksingh1990 4 ปีที่แล้ว +1

    You did everything very well except sharing the code base with us. We really want the code files for this.

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Here is the codes - www.codingnepalweb.com.. If you haven't found codes.. Please contact me on Instagram

    • @vinayksingh1990
      @vinayksingh1990 4 ปีที่แล้ว +1

      @@CodingNepal .....Hello Sir, I have gone through the site but not able to find the code. Please let me know your Instagram handle and request you to share code base files. .....Thank you in advance.

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Insta - instagram.com/coding.np

  • @atrd
    @atrd 5 ปีที่แล้ว +1

    How can i set pass?

    • @CodingNepal
      @CodingNepal  5 ปีที่แล้ว

      Visit channel... I've already made video about this.

  • @Anuragsingh-vw7es
    @Anuragsingh-vw7es 3 ปีที่แล้ว

    Where did you just add your email and password 🙄

  • @timzeynalov3537
    @timzeynalov3537 3 ปีที่แล้ว +1

    your js code is wrong hey

    • @CodingNepal
      @CodingNepal  3 ปีที่แล้ว

      What's not working? Can you explain it more?

    • @timzeynalov3537
      @timzeynalov3537 3 ปีที่แล้ว

      @@CodingNepal var email = documents.forms [form][emails];.... It doese not work , I try anothere way only by one in {} and its ok but anyway I hope that you will use code which will be ok for more of us )) good luck I like your chanel

  • @hritushreemog9333
    @hritushreemog9333 4 ปีที่แล้ว +1

    password part is not working can you please share the code

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Please contact me on Instagram

  • @saikumarturupati464
    @saikumarturupati464 9 หลายเดือนก่อน

    there i no source code coming video only can uh mail it

  • @dailyshorts2903
    @dailyshorts2903 3 ปีที่แล้ว

    Sir page this page isn't workning error is coming..what is password of form

  • @sunnysamanth3126
    @sunnysamanth3126 2 ปีที่แล้ว

    @codingnepal this is not working

  • @Crackerseveryday
    @Crackerseveryday ปีที่แล้ว

    Its not working

  • @christcentered1826
    @christcentered1826 3 ปีที่แล้ว

    This is the best

  • @jarvaniv3700
    @jarvaniv3700 2 ปีที่แล้ว +2

    Please fill up your password 💀

  • @prakash655
    @prakash655 5 ปีที่แล้ว +3

    Helpful video

  • @tektektuktuk4086
    @tektektuktuk4086 ปีที่แล้ว

    Thank you

  • @aleanaparra1672
    @aleanaparra1672 ปีที่แล้ว

    Thanks!!!!

  • @preethandal6136
    @preethandal6136 ปีที่แล้ว

    Song lg rkha h , smjhao to sahi

  • @DuduUltimate-Oficial
    @DuduUltimate-Oficial ปีที่แล้ว

    Do you want to download vscode on windows 7 link how to download vscode on windows 7 download this was translated

  • @vishaljhaveri6176
    @vishaljhaveri6176 4 ปีที่แล้ว

    9:14:00

  • @avinashyadav3000
    @avinashyadav3000 3 ปีที่แล้ว +1

    can you do validation for password

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 ปีที่แล้ว +1

    good

  • @alidostburdibaloch7333
    @alidostburdibaloch7333 2 ปีที่แล้ว

    سر هن لنک کا پاس ورد بتا۶ی

  • @johnmichael9495
    @johnmichael9495 3 ปีที่แล้ว +1

    Who can help me0

  • @Mekarjayaa
    @Mekarjayaa 11 หลายเดือนก่อน

    Izin donlod bang

  • @user-iu6uc4vu4o
    @user-iu6uc4vu4o 5 ปีที่แล้ว +1

    Can you provide source code