Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I'm going to go to cdnjs.com and I'll do a search for validate. You can see the jQuery validate library right here. So I'm going to copy this URL, and go back into my form and I'll paste it right after the jQuery code. Now I'm going to add the HTTP colon right here. Notice some problems if I don't add the HTTP colon to this link. Now adding validation to our form is going to be ridiculously simple. All we have to do is identify the form within the jQuery global variable. And send it to the validate method at the validate plugin created for us.
So I'm going to go all the way to the bottom and I'm going to replace my current script tag, which is calling my validation script. And first, I'll call the document ready function, and after that, I'll use the jQuery dollar sign global method. And I'll pass it the location of my form, which is a form with an ID of my form. And that's pretty much it by adding the validate method and targeting my form, you've added all kinds of functionality to our existing page. So I'm going to save this and go over to my form and I'll refresh and now when I try to type in say, an email, if I don't type a correct email, it's going to tell me please enter a valid email address.
Notice that it's even making this font automatically red for us. So if I type a correct email address, the information goes away. Now if I try to submit the form, it'll tell me to please enter your name. So it noticed that this field was a type text field and it had a name alike my name and it automatically detected it as a required field. Notice that I can type this with a way that doesn't follow the requested pattern. And I can submit the form. It's going to go ahead and submit the form. And it's not given me the live feedback that I had when I created my own script.
So, what I want to do is tell my password field has to be at least six characters in length, and that it's going to be a required field. Now, I'm going to copy this field and paste it right here. And I'll modify it to save my password, conf. So my password confirmation, I'm going to delete the minimum length, and just tell it that this is going to be, equal to, the field called, my password.
Take out this comma. So my password field is going to have a minimum length of six. It's going to be a required field, and the password confirmation is going to have to match whatever the password was. So lemme go ahead and save this and go back into my form. I'll refresh, and I'll try to type in, just the password here. Then I'll try to type in some other password that doesn't match. If I do that then it's asking me to make sure I set the same value.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 101634 Viewers
61 Video lessons · 88389 Viewers
71 Video lessons · 72227 Viewers
56 Video lessons · 103975 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.