🔴 Complete JavaScript Form Validation in Hindi in 2020 | Registration, Login, Logout Forms

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ส.ค. 2020
  • Welcome, Complete Registration / Login Form Validation using JavaScript in Hindi in 2020. I guarantee that after today's video, you can easily write code for complete form validation in javascript for any type of form like Registration form, Login / Sign-in form validation in JavaScript, Logout / SingUp form validation in JavaScript, etc, etc. So, What exactly javascript form validation means?
    Form Validation in JavaScript provides a way to validate the form's data on the client's computer before sending it to the webserver. Form validation in JavaScript generally used for two functions.
    💙 Follow me on Instagram Link: / vinodthapa55
    ➡️ Source Code Link: www.thapatechnical.com/2019/1...
    Basic JavaScript Form Validation − In this JS validation part, All the form must be checked to make sure all the mandatory fields are filled in(If the Input Feilds are empty or not). It would require just a loop through each field in the form and check for data.
    JavaScript Data Format Validation − In this JS validation part, the data that is entered must be checked for correct form and value. We have to write proper code that must include appropriate logic to test the correctness of data entered by the users.
    So, After the form validation using JavaScript is done. Then we will check the way to send the data to the backend part of the database.
    ************ Must Watch Videos For Web Development ************
    ➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
    ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
    ➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
    ➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...

    ➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
    ➡️ HTML in One Video: • Learn HTML in One Vide...
    ➡️ CSS in One video: • Learn Complete CSS In ...
    ➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
    ➡️ JavaScript in One video: • JavaScript in One Vide...
    ➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
    ➡️ HTML5 in one video: • HTML5 Tutorial in One ...
    ➡️ CSS3 in one video: • Learn Complete CSS3 In...
    ➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
    ➡️ Jquery in One video: • jQuery in One Video in...
    ➡️ JSON in one video: • JSON in One Video in H...
    ➡️ ReactJS in one video: • ReactJS For Beginners ...
    ➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
    ➡️ NodeJS in one video: / ipnwakoibt
    ➡️ MySQL in one video: • Complete SQL & MySQL i...
    ********** CLICK HERE TO WATCH ************
    ➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
    ➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
    ➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
    ➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
    ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
    ➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
    ➡️ Source Code Link: www.thapatechnical.com/2019/1...
    ➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
    ➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
    ➡️Plz show some love to My Siter TH-cam Channel and Plz Subscribe Link: / @mayabeautyvlogs878
    **************** MUST WATCH VIDEOS *****************
    ➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
    ➡️ How To Become a Web Developer 2020: • How To Become a Web De...
    ➡️ How JavaScript Works: • How JavaScript Works i...
    ➡️ Follow me on Instagram: / vinodthapa55
    Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
    ➡️ Link: • Make Website Responsiv...
    Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
    Don't Forget to Follow me on all Social Network,
    Website Link: www.thapatechnical.com
    Instagram Link: / vinodthapa55
    Facebook Link: / vinodthapa55
    Twitter Link: / vb55thapa
    Facebook ThapaTechnical Page Link: vinodbahadur...

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

  • @ThapaTechnical
    @ThapaTechnical  4 ปีที่แล้ว +55

    Guys, Form validation is the most important part of Web Development. I hope now you get it ri8. So, if you love the video plz Like the video and share with your friends too okk :)

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

      Border colour Ajax ma change koro. Submit pa nahi. To or accha hoga.

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

      Sir yoo data base ma attached chha hoo

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

      Sir answer do na

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

      Aapne bola tha answer doge

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

      bhai meri problem solve kar do plz.. main jab bhi localhost/phpmyadmin kholta hu to denied dikhata hai main kya karu plz.. help me!!!

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

    Sir, I'm fresher and self learner but now you're my best teacher....

  • @mohitkumar-vm6zl
    @mohitkumar-vm6zl 3 ปีที่แล้ว

    can you tell me which package controls you using for your sublime text for auto-suggestions in HTML css and javascript bcz my javascript is not showing suggestion even I have installed some packages control but not all javascript function are coming like event.preventDeafault() not coming for me in suggestion

  • @the-pratik
    @the-pratik 3 ปีที่แล้ว +3

    Sir You deserve more than this. Thankyou for Explaining In such Details.🤝🤝❤️❤️

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

    Your tutorials are extraordinary Mr.Thapa .keep on introducing new technical things god bless you.

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

    Was waiting for this only Dai ..estai sadai video haldai garnu la 💓thanks a lot 🤗

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

    Sir this video is awesome your channel solves every single problem keep uploading sir Thankyou

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

    Most important 1 hr...Awesome video

  • @Ashish-dt9sl
    @Ashish-dt9sl 2 ปีที่แล้ว

    Apki video dekhne ke bad mujhe java script our acche se aa gya

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

    Absolutely very nice Thanks for Hardwork for beginners

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

    hi, i am getting " Uncaught TypeError: Cannot read properties of undefined (reading 'querySelector') " it is showing at setError() line. can you help me

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

    This was really lit man.
    You the pro boi!!!

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

    I can see the background image is cutting from bottom when we try to compress/restore browser (at video 15:40)... Did someone fix this?

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

    Thankyou so much for this❤

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

    can't we use Regular Expression Instead of if-else??

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

    Thank You so much for this video. I did not understand some part due to language barrier . Anyway I'll try to fix it myself. If you given a subtitle or caption would be very helpful for those who no understand hindi.

  • @Shubham-rn5sq
    @Shubham-rn5sq 3 ปีที่แล้ว +1

    Best out of best thapa bhai❣️❣️

  • @deepikakapoor9607
    @deepikakapoor9607 4 ปีที่แล้ว +5

    Thank you so much ☺️

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

    thanks for your awesome video. It is one of the best validation video . Really sir You are great :). From Bangladesh

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

    50:30 i am getting error at formControl element selection....... Not understanding how you grab the element

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

    Can I use jQuery Form Validation Library for the form validation but it looks like your validation? Please suggest me its really helpful...

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

    meri javascript kam ni kr ry us me ju new new symbols hayn wo kam nikr ry like arrow,not,or equal la tu m kia kro?

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

    Hello sir, github par static website host karne par kitana traffic jel leta hai.. ?

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

    sir aisa kya ho skta h jab hum ek input field par click kra toh uska nicha sa red text automatically remove ho jaya using onblur and onfocus event

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

    what plugin u have installed for JS?

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

    If I copy the Font-awesome check circle, in netbeans it is not pasting
    And sir one request is in file html css js can do plz in netbeans

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

    Thanks sir, your work is awesome, you are awesome, and maja aya sir.

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

    Sir ap ne jab last pe data next file me send kia hai. Wo to as a GET Request parse hui hai.
    But i want to know how to parse POST request????????
    Please reply fast

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

    It's 2021 and this form validation is AWESOME 👌

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

      I need its source code. If you have kindly provide it to me

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

      @@ahmedasif5379 kya ye work Kiya tha

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

      Can u send me source code

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

    Hello Sir, In PHP - koi v product ko *out of stock* karne k baad *Buy Now* button k text ko *Notify me* change kaise kare?

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

    *_Best UI_* ✌🏻👏🏻💯
    *_Bhai ek UI related tutorials banaye.._*

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

    all things are done properly thank you so much I at least see this about 3 to 4 times and after that I just clear all errors and all things are working fine but now i have only one questions that how we can send all data of the form to other page please help to get out of this :)

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

    hello bhai how we can submit this form in backend in php as we have prevent default of submit button

  • @Raksha-Chethan
    @Raksha-Chethan 3 ปีที่แล้ว

    sir can u share one video regarding while we click on Login button after entering password and username .that username and hello message should appear in same(home Page)

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

    how can we validate the input type radio and check boxes with this
    please tell us :)

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

    Ótimo vídeo parabéns 👏.

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

    your's voice is so innocent brother

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

    Hello, can you please make anotehr video on form validation using React along with Formik ?

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

    It's really tough for a fresher. But still Thanks

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

    Awesome tutorial...
    I didn't see the modern and advance JS so little bit confusing for me.
    I'll practice it.
    Thank you 😊

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

    🎉🎉🎉🎉🎉🎉🎉🎉🎉 Bravo 👏👌 next level brother

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

    You R Great Sir !!!!!

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

    East and West thapa Bhai is best❣️❣️❣️❣️❣️❣️❣️

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

    thnx dude .
    plz help us with some more projects

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

    You're ah-mazingggg!!!

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

    Thank you so much 🥰

  • @ks.kuljeet
    @ks.kuljeet 4 ปีที่แล้ว +1

    Great video ❤️❤️❤️

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

    maja aa gaya bahi................aisa he react js per bhi bano.................thanks

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

    Awesome sir ❤

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

    witch font use in editor?

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

    how to do change form according to male o female field using js in laravel

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

    Thankyou so much for this video

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

    Sir ye coding kya eclipse par kar sakte hai plz reply aur agar kar sakte hai toh kaise

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

    Sir aap username field ka name and I'd tho likh rahe hain but uski field value ni likh rahe hain maine doosre website ke dekha I'd and value hote hain aur wo har baar random aate hain har baar changes hote hai sir please reply zaror karna

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

    God hard work of one hour bro thanks...

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

    Thank u sir❤

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

    Sir mujhe jQuery Form Validation plugin use karke karna hai...thik apki tarha...kya ap mujhe help kar sakhte hai...

  • @Raksha-Chethan
    @Raksha-Chethan 3 ปีที่แล้ว

    super sir thanks for sharing this vedieo

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

    Help me sir, may bangladassa bol rahahu mana same to same code type kia.but mara code run nahi hora ha

  • @MIAbrar-
    @MIAbrar- ปีที่แล้ว

    How do you type lengthy double equal to and triple

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

    Sir you are unbelievable

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

    HELLO
    I follow html line code Step by step but,
    mera Font Awesome Show hi nahi hua web page per ....
    Solve my issue.

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

    I have an error in last welcome alert . Please tell me how can I solve anonymous error?

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

    Bhai jordar
    So excellent

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

    Awesome❤️❤️❤️

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

    I need to validate login page by call database through java node

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

    Sir arrow kaun si key se bnate h bta dijiye plz

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

    i done the whole code but I am not getting finished one in the project and background image.please help me bro

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

    Sir mera aik sawal hai, ye jo ap saray functions likhty hain plz ye ap kahan se letay hain en ko le kar main bara preshan hota hn keh ye ykdm kahan se aa jaty hain please ye sry functions jo jo use hoty hain en k bry main bta dain plz gar kisi or ko pta hai to plz koe bhi bta sakta hai,, thank u...

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

    Best tutor 🙏

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

    What font are you using?

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

    Hello sir, please make a video on Jekyll installation and creating simple page.

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

    Superb video

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

    very nice he is a very helpfull video

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

    Hi, please include those input field validation as-well which is become validated on show or hides.

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

      you can do it yourself buddy just by adding a event listener to change attribute from password to text

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

    Osm bade bhaiya

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

    apke lie yehi ek sujhao hai ki thik hai aap source code ke lie charge ker rahe ho per uske process ko automat ker do
    jaese hi buyer ne pay kia uske mail pe source code chala jae..
    kyunki ager koi chahe bhi buy kerna source code ko to ye apka lamba process dekh ke piche hat jaega jaesa mae khud hat raha hu pich buy kerne se. ager vo automat and short process rahta ki pay kia or mil gia turant to main abhi turant pay kerleta.

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

    Sir In my web page it not displaying the error message

  • @04.nehalsingh12
    @04.nehalsingh12 2 ปีที่แล้ว

    awesome tutorial sir

  • @MIAbrar-
    @MIAbrar- ปีที่แล้ว

    How do u type less than Or equal to

  • @rahulkumar-qx8gg
    @rahulkumar-qx8gg 4 ปีที่แล้ว

    Very nice sir 👍👌👌

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

    Great sir-G

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

    please sir g the success method is not work please tell me fast check at after tell me please sir g

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

    Mera html part huwa css karke kux changes nahi hoarhahai kyu anyone plz help me

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

    Good morning, please can I get the source code link here because I can't download with QR code

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

    which platform is using here for coding???

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

    Killer one vdo!!!!!!!!!!!!!!

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

    thank you so much

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

    i am getting an error that indexOf is not a function, I don't know how to solve it, can anyone help?

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

    Awesome sir

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

    Hii sir plz make tutorial on java programming language

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

    Thanks for video bro

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

    Hii sir plz plz make a Tutorial on PHP Codeigniter framework,mai apke sare videos follow karta hu u are a Awesome Tutors i never seen likes u, Thank you

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

    Sir mene sb aap ki coding use ki h for form but kuch bhi chal he nhii raha h

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

    Nice explained. 😍

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

    Sir.. can you please give me the link of the background image ??

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

    in style.css file import link not showing properly.

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

    Box Shadow ki code ki line puri nhi dikhri hai aapne woh pura line nhi dikhya hai 0 12. Ke baad kya hai..jldi btaao

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

    Nice work, and a great job. Thanks, Thapa.
    But I don't know that the video is uploaded on 4 August, and it is shown here on my account on 5 August. Why?

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

    Wow the tutorial is very good brother but it would be more easy for people if you say in english