The key advantage of this type of validation is that it makes the process of filling out lead forms as comfortable as possible. Of course, the user will still have to manually enter both phone numbers and email addresses, but the entered data will be checked instantly - if a person makes a mistake, he will know about it immediately and, therefore, will be able to correct it just as quickly.
quote
Built-in form validation lets you know about an error immediately and fix it just as quickly
twitter.icoTweet Quote
A good example of built-in validation is Twitter's registration form. When you fill out fields, you see either a confirmation signal (a green check mark) or a signal indicating an error (a red cross):
Built-in validation
Most experts agree that built-in validation is good for the user experience. Here’s what Luke Wroblewski, Google’s chief product officer and author of Mobile First, says about lead forms:
"Lead forms are not very pleasant interlocutors. They ask a spain phone number data bunch of questions, then wait for you to answer them, and only then do they say something of their own, react somehow. This process is more like a monologue than active interaction."
Built-in validation largely solves this problem by making the process of filling out a lead form a dialogue. To test this thesis, a study was conducted in which experts compared the effectiveness of built-in validation and validation after sending data. The results were as follows:
the rate of successful form completion increased by 22%;
the number of errors made decreased by 22%;
satisfaction rating increased by 31%;
task completion time decreased by 41%;
the number of eye fixations decreased by 47%;
There was a 22% increase in the number of people who felt that filling out the form was worth the effort.
One of the articles on the Designmodo web resource is devoted to describing the built-in validation on the already mentioned microblogging service Twitter:
“The charm of Twitter’s well-designed data validation format is irresistible. Informative error messages appear right next to the field where the error occurred, instantly removing the frustration of filling out the form. Inline validation helps the user understand what is happening at the moment - it’s as if the small registration form is trying to talk to them. It’s a revelation! After all, people don’t have to wait for the entire page to reload to check that the form is filled in with the right data.”