How to Validate form using jQuery | Easy Validation in 8 minutes | Validation 2018 by theitguy

Поделиться
HTML-код
  • Опубликовано: 21 сен 2024

Комментарии • 119

  • @toglannestor400
    @toglannestor400 Год назад

    thanks ! But if the user use the same Email address for registred and email already exist what can i add to the code to fix this error.?

  • @Rudra0209
    @Rudra0209 3 года назад +2

    Clear and precise.

  • @annvincent9344
    @annvincent9344 4 года назад +3

    Thank you. It helped me.

  • @umangshukla6766
    @umangshukla6766 3 года назад +1

    Superb 👍 thanks

  • @ndolocr
    @ndolocr 6 лет назад +4

    Hi, I used your validation code, but everytime I click the submit button more than once, it does submit with errors. What could be the problem?

    • @TheITGuy
      @TheITGuy  6 лет назад

      Nope...the code won't let you submit if there are errors present..
      Do one thing..Send me your typed code on mail..I'll check and let you know about it.
      maid id : www.itguy101@gmail.com

  • @andrescubides3387
    @andrescubides3387 2 года назад

    Thabk you so much excellent video and explanation, you saved me a lot

  • @mrdoss6022
    @mrdoss6022 2 года назад

    very useful subscribed bro

  • @iBanafa
    @iBanafa 6 лет назад +3

    Great work I'm going to use it in my work ,, thanks

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Ahmed Banafa You welcome :)

    • @praneethchander112
      @praneethchander112 5 лет назад

      bro can you sent this code to praneethchander1996@gmail.com

  • @ankitkumarsingh7483
    @ankitkumarsingh7483 4 года назад +1

    Thank you so much It has help me in my project

  • @ashishnath9121
    @ashishnath9121 2 года назад

    Tysm bro😁

  • @TheITGuy
    @TheITGuy  6 лет назад +2

    Source Code for the Video is now Available on github
    Link in Description
    Also don't forget to check out another video of Email Validation with Icons which is available on my channel.. and direct link is : ruclips.net/video/h8Unb3nidak/видео.html
    Read more: akashrajpurohit.com

    • @RajKumar-wf8nm
      @RajKumar-wf8nm 3 года назад

      i need source code this example

    • @TheITGuy
      @TheITGuy  3 года назад

      Check the link in description

  • @GZ-ASSASSIN
    @GZ-ASSASSIN 2 года назад

    nice and clean explanation, thanks brother

  • @dineshpurohit2776
    @dineshpurohit2776 7 лет назад +2

    Quality content...keep up the work

    • @TheITGuy
      @TheITGuy  7 лет назад

      AYURVED THE PRACTICAL WAY Thanks bro✌️

  • @moirbindy
    @moirbindy 4 года назад

    How do you do this if you have one form and you need to hide parts? I have 3 sections with about 10 questions each.
    So Ive added next and prev buttons but having trouble with validating and using next and prev.

  • @ejierocks13
    @ejierocks13 Год назад

    Nice Explanation Brother

  • @sedhulakshmipm9932
    @sedhulakshmipm9932 3 года назад

    nice video

  • @--R--21--
    @--R--21-- 6 лет назад

    You have to explain regex also, because if you are student and you are learning this for exams, you have to know how to write regex

  • @cocchamp1862
    @cocchamp1862 6 лет назад +1

    Nicely Explained,Good work

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Coc Champ
      Thank you

  • @yasasvyguntur4109
    @yasasvyguntur4109 3 года назад

    Bro I have used this form in react, the first set of error boolean check variables are said to declared but are never used, but I am using in the methods. Can you please help me

  • @ajitgavande3861
    @ajitgavande3861 7 лет назад +1

    Nice... Explanation...

    • @TheITGuy
      @TheITGuy  7 лет назад

      ajit gavande Thank you sir

  • @jomelmercado8050
    @jomelmercado8050 2 года назад

    thanks you

  • @maheshpurohit9462
    @maheshpurohit9462 6 лет назад +1

    Brilliant explanation

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Mahesh Purohit
      Thanks😉

  • @ranatahirtahir9980
    @ranatahirtahir9980 3 года назад

    Nice

  • @varshapatil2197
    @varshapatil2197 3 года назад

    Thank you so much. Very Help In my work😊

  • @ravipurohit3116
    @ravipurohit3116 7 лет назад +1

    GOOD explanation .... 🖒🖒🖒🖒

    • @TheITGuy
      @TheITGuy  7 лет назад +1

      Ravi Purohit Thank you😉

  • @aimenarooj1204
    @aimenarooj1204 2 года назад

    will you plz show its css file

  • @shubhamagarwal2998
    @shubhamagarwal2998 3 года назад

    Awesome 😎

  • @xxgaming869
    @xxgaming869 2 года назад

    Perfect ❤️

  • @sabihakhan490
    @sabihakhan490 2 года назад

    thanks to give source code

  • @mj_2652
    @mj_2652 6 лет назад

    how to validate image upload like () like empty, how much type of files are supported like jpeg, jpg, gif, btm etc. how to validate this field using jquery like your code seen in this video. so please i need help about it properly, also how to validate listbox field i need to explanation about it.

    • @TheITGuy
      @TheITGuy  6 лет назад

      You can either use this regex - /(?:gif|jpg|png|bmp)$/
      or you can add this line in your html tag - multiple accept='image/*'

  • @pritammukherjee2986
    @pritammukherjee2986 4 года назад

    I love u bro 😍😍 very helpful its

  • @kumaresha3348
    @kumaresha3348 5 лет назад

    Can you do the same for Login page with username & password.

  • @anushkasweety2568
    @anushkasweety2568 4 года назад

    sir how to add datepicker function to this by creating another field ,
    if we want to select date?

    • @TheITGuy
      @TheITGuy  4 года назад +1

      Just like other inputs, create a new one with date type... Read more about date types input field on W3Schools for reference

  • @jamesmalingi5011
    @jamesmalingi5011 6 лет назад +1

    Hi, where should i paste the jquery code as i have pasted it in the index but its not picking

    • @TheITGuy
      @TheITGuy  6 лет назад

      Did you added the jquery cdn link in the head tags?

    • @jamesmalingi5011
      @jamesmalingi5011 6 лет назад

      no

    • @TheITGuy
      @TheITGuy  6 лет назад

      Add that link.. Watch the video carefully.. i have explained where to find that link.. Insert that piece of code.. after that jQuery will work

    • @jamesmalingi5011
      @jamesmalingi5011 6 лет назад

      the link a copied from jquery cdn?

  • @shradhawalikar4617
    @shradhawalikar4617 5 лет назад

    Thnx bro for the idea

  • @ramchan007nrc
    @ramchan007nrc 5 лет назад

    How to change the value of submit to other text after validating?

  • @nabeelahmed3337
    @nabeelahmed3337 3 года назад

    My submit button not working properly

  • @swaroopk5714
    @swaroopk5714 6 лет назад

    Hello Bro, saw ur video..good quality code along with clean explanation. You made my day...I implemented this in my project...Also, I need to implement an multiple image upload. Will you make a video with clear explanation regarding this. Thnx in advance. Love from Bangalore!

    • @TheITGuy
      @TheITGuy  6 лет назад

      Thank you for your wise words :) Yeah.. I'll try to do that.. or else explain you quickly in the comments once i think about it.. Happy Coding

    • @swaroopk5714
      @swaroopk5714 6 лет назад

      Actually I can be able to copy d code from a simple google search and make sure its working...but i need to know whats actually happening...Sadly, i didnt find any knowledgable article explaining that... all they teach is how to hack with a plugin which im not intrested in:(

    • @TheITGuy
      @TheITGuy  6 лет назад

      Okay so can you exactly elaborate what are you trying to achieve? Multiple image upload as in? And upload to what? Do you have some database.. if yes then which db is it?

    • @swaroopk5714
      @swaroopk5714 6 лет назад

      Actually I am more concerned about to give a preview of the images in the browser before uploading. Anyway I need to upload in cloudinary one and not amazon

    • @TheITGuy
      @TheITGuy  6 лет назад

      Okay so let me get this straight.. So what you want is whenever you upload a photo that must be first previewed in the browser window itself and then uploaded.. Right?

  • @viinneett
    @viinneett 6 лет назад +1

    Neat

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Vineet Purohit
      Thanks

  • @ayobamisarumi7104
    @ayobamisarumi7104 5 лет назад

    please where is the css for the error

  • @shubhamkadvani1543
    @shubhamkadvani1543 2 года назад

    validation nahu hi raha hai

  • @Anandkumar-il2yp
    @Anandkumar-il2yp 6 лет назад

    where is error_fname not showing in dive how to take var error_fname
    showing fname_error_message and form_fname
    but not showing error_fname
    how to taken at
    Var error_fname+false;

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Anand kumar
      Please specify your doubt clearly.. Its very confusing what you trying to ask

  • @KnowYourFinance
    @KnowYourFinance 6 лет назад

    Brother can we make dropdown also by floating placeholder

    • @TheITGuy
      @TheITGuy  6 лет назад

      What kind of dropdown?? Please elaborate more

  • @farhanazamchohan6924
    @farhanazamchohan6924 5 лет назад

    You have done it in a single file. You should use separate files to handle elements. javascript programming should be done in custom.js file to handle all jQuery matters. That's professional way. I did everything but no effect at all.

    • @TheITGuy
      @TheITGuy  5 лет назад

      Feel free to customize it.. You surely can separate them into external js file and link them to main page. I'll leave the creativity upto you

    • @farhanazamchohan6924
      @farhanazamchohan6924 5 лет назад

      @@TheITGuy As previously said, I have already done it and it's not working. I am not able to get values from field even by the id. What to do ?

    • @farhanazamchohan6924
      @farhanazamchohan6924 5 лет назад

      @@TheITGuy I solved my issue. The issue was due to the load of an already added JQuery function for some other purpose. I rearranged the script and it worked. Good tutorial.

  • @abhishekpujari3524
    @abhishekpujari3524 5 лет назад

    How to know the value of var pattern ? i mean i didn't understand how to define "/^[0-9]*$/;" . Thanks in Advance.

    • @TheITGuy
      @TheITGuy  5 лет назад

      These are regular expressions.. You can read more about them here - developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp

    • @abhishekpujari3524
      @abhishekpujari3524 5 лет назад

      @@TheITGuy Thanks

  • @surbhimishra8950
    @surbhimishra8950 6 лет назад +1

    👍👏👏

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Surbhi Mishra
      😊😊

  • @renudhotre9552
    @renudhotre9552 6 лет назад +1

    Plz Can u the share source code

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Renu Dhotre
      Yes.. give me couple of weeks.. Source codes for all my videos will be available on my website codewithitguy.com

    • @renudhotre9552
      @renudhotre9552 6 лет назад +1

      The IT Guy Thank u...😊

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Renu Dhotre
      Welcome

  • @saidattasawant6935
    @saidattasawant6935 6 лет назад

    validation for mobile number ?

    • @TheITGuy
      @TheITGuy  6 лет назад +1

      Use this Regular Expression -
      pattern = /^(\+\d{1,3}[- ]?)?\d{10}$/
      and then the logic which has been used in other validations in the video.. Happy Coding

    • @saidattasawant6935
      @saidattasawant6935 6 лет назад

      The IT Guy thanks 👍

    • @TheITGuy
      @TheITGuy  6 лет назад

      Your Welcome :)

  • @asdf-od5nm
    @asdf-od5nm 6 лет назад +1

    Give coding also

    • @TheITGuy
      @TheITGuy  6 лет назад +1

      as df Buddy.. My point of making this video is to help the viewers understand the logic of the program. If you still have any query related the code, go ahead and ask me and you can always refer to the video to see if you are going right while coding
      Happy Coding :-)

    • @asdf-od5nm
      @asdf-od5nm 6 лет назад +1

      The IT Guy
      But suppose some viewer want code to implement in their website that why upload code on Google drive and give link in description

  • @sairamsunkara595
    @sairamsunkara595 5 лет назад

    i want this code so please send to me

    • @TheITGuy
      @TheITGuy  5 лет назад

      It's on my website

  • @Anandkumar-il2yp
    @Anandkumar-il2yp 6 лет назад

    hi pls give your mail id it is working model form

    • @TheITGuy
      @TheITGuy  6 лет назад

      Anand kumar
      I didn't get you.. Please be specific

    • @Anandkumar-il2yp
      @Anandkumar-il2yp 6 лет назад

      i text to twitter just now pls check it

    • @Anandkumar-il2yp
      @Anandkumar-il2yp 6 лет назад

      but
      var error_fname=false;
      fname not showing div
      how to take

    • @TheITGuy
      @TheITGuy  6 лет назад

      +Anand kumar
      var error_fname is a variable for deciding whether the form has a error input or not.. If it has then the variable is set to true.. So that part is done in jQuery function.. So it is declared in that section and not in the html input part

  • @lycan2494
    @lycan2494 5 лет назад

    Hello I've sent you a message to your email with my work attached to it. I hope you can help me on this!! ( lab 2.6 )

  • @ismoilaslonov5190
    @ismoilaslonov5190 4 года назад +1

    XAROMI GANDON KALLA

  • @rameshm-tr8sz
    @rameshm-tr8sz 5 лет назад

    very very bad explainations..bro two guys are explaination..

    • @TheITGuy
      @TheITGuy  5 лет назад

      Very very bad English..bro wtf

  • @lanjakodakakodaka3613
    @lanjakodakakodaka3613 5 лет назад

    bad

  • @ATabidkhan
    @ATabidkhan 5 лет назад

    Nice