Front-end Web Development
Assignment for Week 12
Bob's website needs some help! He's got a bunch of jokers submitting invalid form data and cluttering up his databases. You can help!
- You can see the passwords plain-as-day when you start typing into the fields. What can you do to those
<input> elements to change it?
- When you submit the form, all of the data (including the passwords) shows up in the address bar. What modification can you make to the
<form> element to send the data slightly more securely?
- Bob doesn't care about whether you fill in your first or last name, but the email and passwords are required.
- Add validation (via CDN) to the form. You should know how to include jQuery, the jQuery Validation plugin, and your own script file by this point. Only the
.validate() functions are necessary.
- Make sure the form checks that the passwords match. You can use the
equalTo rule for that.
- Make the error messages red, and make all labels and input fields appear on their own lines.
- Use the
errorPlacement option to make the errors show up in an interesting way.