VirtualMV/JavaScript/Case Study: Forms

From WikiEducator
Jump to: navigation, search
Internet & Web development (2)
OverviewJS and HTML  |  Resources  |  Help Desk ( Interactive )Tutorial.png
Getting StartedBasics  |  Layout and syntax  |  Operators  |  Strings and Numbers  |  Controlling flow  |  Functions
FormsDocument Object  |  Input Box  |  Select  |  Radio Button  |  Check Box  |  Example  |  getElement  |  Events
TechniquesIteration (while, for, do)  |  Strings  |  Validation ( Regular Expressions ) |  Calculations
ObjectsArray  |  Table  |  Window
MultimediaImages  |  Animations  |  Video  | 
ExtensionsAccessibility  |  Interactivity  | 
Object-Oriented | 
Case Study: FormsCreate Form  |  Variables  |  Skeleton  |  De-bugging  |  Validation Detail  |  Calculations  |  Table Object  |  Pop-up Window  |  Files



Case Study: Forms

In this section I will take you through the process of developing the following Form that uses JavaScript for validation.

Initial DVD Rentals form

The steps are:

  1. Create the Form
  2. Use Some JavaScript to add some variables to the Form (Date, Title of Business)
  3. Create a JavaScript skeleton that validates the fields
  4. Add additional code to validate specific input fields
  5. Add JS to perform Calculations
  6. Add Table Object
  7. Add Button to Display the results in a pop-up Window

VmvIcon References.png References

virtualMV  |  Superquick wiki guide  |  Please give me some feedback

VirtualMV/JavaScript/Case Study: Forms. (2024). In WikiEducator/VirtualMV wiki. Retrieved December 22, 2024, from http:https://wikieducator.org/VirtualMV/JavaScript/Case_Study:_Forms    (zotero)

Retrieved from "https://wikieducator.org/index.php?title=VirtualMV/JavaScript/Case_Study:_Forms&oldid=922575"