Soul - A dating webapp form sign up experience

Forms are a very responsive part of user interfaces because they give active feedback in terms of validation of input's enterd into them. Below I explore ways to actively pass these validation feedbacks to users.

The state above signifies when an invalid input is entered into the form, The use of red which usually signifies error or danger informs the user that something is wrong while the test below the input field explains to the user what the problem is.

The state above also signifies an error message displayed when the form is submitted and there is either sn issue with the network or a server problem

The state above signifies when a valid input is entered into the form, The use of green which usually signifies correct or success informs the user that they are on the right track and thier actions are valid while the test below the input field explains to the user what exactly they did right.