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
$
and .validate()
functions are necessary.
- Make sure the form checks that the passwords match. You can use the
equalTo
rule for that.
Extra credit:
- 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. .slideDown()
, maybe?
Solution