JavaScript
Program with JavaScript Operators, Methods, and Keywords Program with Variables, Data Types, and Functions Implement and Analyze Decisions and Loops Interact with the Document Object Model Interact with HTML Forms

This lesson covers forms, form fields, input validation, and form submission.^[1]

Readings

1. Mozilla: Manipulating Documents
2. Mozilla: Sending Form Data Through JavaScript
3. Mozilla: Form Data Validation

Activities

1. W3Resources: DOM Exercises
2. W3Resources: Validation Exercises

Complete and debug code that retrieves input from forms and sets form field values

Retrieve form values; identify the DOM path; get values from different types of elements; prepopulate values; mask values

Complete and debug code that performs input validation

Case; string comparisons; Not-A-Number (NaN)

Describe the form submission process

onsubmit; post versus get; potential targets for submission

See Also

References