JavaScript by Example

HTML forms

Before we implement our form validation logic, let's look into the normal workings of the form. Click Submit in the current form. You should get a blank page with a message saying Cannot POST /register. That is Webpack dev server's message saying there are no routes configured for /register with the POST method. This is because, in index.html, the form is created with the following attributes:

<form action="/register" method="post" id="registrationForm">

This means the form's action when the Submit button is clicked to send data to the /register page with the POST method. While making network requests, GET and POST are two commonly used HTTP methods or verbs. The GET method cannot have a request body, so all the data is transmitted ...