Client side validation lesson notes

client-side-validation.md

Client Side Validation

Objectives

• Use built-in HTML5 validation types
• Use messages to guide the user
• Build complex validation with JavaScript

Guiding Questions

• What is client side validation? Why is it important?

  Your answer...

• How do you use the built-in HTML validation?

  Read through this article through the "Basic Constraint Validation" section: https://www.sitepoint.com/using-the-html5-constraint-api-for-form-validation/

  Complete lesson 01 challenge

• How do you help guide a user through validation rules? Check out the following code snippets that provide different user experiences:

  • Phone Formatter
  • JavaScript Timestamp Converter
  • Currency Formatter

  Who gains from experiences like this?

  Complete lesson 03 challenge

• How do you create custom validation with javascript?

  Complete lesson 04 challenge

Challenge

Let start the checkpoint together: https://learn.galvanize.com/cohorts/650/units/7309/content_files/82707

Resources

• http://diveintohtml5.info/forms.html
• https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation