Newer
Older
labs / tiddlers / content / labs / lab09 / $__Labs_09_Customer Account Input Validation.md
@Mark George Mark George on 10 Sep 773 bytes WIP lab 9
Client-side input validation is fairly simple. Add an attribute called `required` to the form input tags (as shown in step 8 of the <<linkFromPath text:"previous section" path:"/Labs/09/Register new Customer">>. It has no value --- just put the word `required` in the tag definition.

For the email input, use `type="email"` as an attribute.

For the password input, use `type="password"` as an attribute. This does not add any validation, but it does mask the user input.

Add appropriate validation to the customer account form components. All of the fields are important, so all should be required.

Save, reload, and test. You should not be allowed to leave fields empty now.

Server-side customer validation (as done in lab 6 using the OVal framework) is a bonus task.