JavaScript and Forms

Today’s topics

• HTML forms
• Working with form data in JavaScript
• Client-side form validation with JavaScript

Project

JavaScript Form Validation

Link to the assignment invitation

Links and resources

• MDN Forms Guide
• MDN HTML form element
• MDN HTMLFormElement
• MDN HTML input element
• MDN HTML label element
• MDN Client-Side Form Validation

⭐️EXTRA/TMI

• Form Fields in Eloquent JavaScript, Chapter 18
• MDN HTML5 Constraint Validation (we’re not using this for our project, but it is a very common tool for client-side validation and important to know about)

Code, slides, and video from class

• class slides PDF
• form validation demo code
• class video Access Password: 6q%11@4Q