Sign in

You need to validate the form to make sure that user inputs the right values. Client side validation is performed on the web browser before input is send to the server.

We will be using Formik to validate the form.

Formik takes care of the repetitive and annoying stuff —…

The position property specifies the type of positioning method used for an element (static, relative, fixed, absolute or sticky).

Static position:

This is the default position for all the HTML elements. With the static position the elements are displayed on the order they are declared on the .html file. …

Data validation is the process of ensuring that user input is clean, correct, and useful.

Let’s first create the react application:

npx create-react-app form-validation
cd form-validation
npm start

Create and style the form

Let’s create a registration form with these input fields: name, lastname, email, password and repeat password:


I am curious and amazed by the new technologies and how they affect our life and business.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store