Public Library

Plain JS Validation App

An example of a plain JavaScript front-end web app with constraint validation.

This app, which is accompanied by a tutorial, is the 2nd example app of our incremental sequence of six examples of Plain JS Front-End Web Apps. This app supports the following operations:

  • a new book record
  • and list all book records
  • a book record
  • a book record
  • database
  • test data
  • For playing with the app, you may first want to and then view it with . For observing the internal status and error messages, turn on the JavaScript console.

    This JavaScript front-end data management app takes care of only one object type ("books") for which it supports the four standard data management operations (Create/Retrieve/Update/Delete). It extends the minimal app (described in Part 1 of our tutorial) by adding constraint validation (and some CSS styling), but it needs to be extended by adding further important parts of the app's overall functionality, as explained in our other Plain JS Front-End Web Apps tutorials.