Showing validation messages
In this recipe, we will make an input text field for a PIN code with the following rules:
- It can contain only numbers. When a user enters letters, then a Just numbers allowed error is shown.
- When there are less than four numbers, a Too few numbers error is shown.
- When there are more than four numbers, a Too many numbers error is shown.
- The content of the field is valid only when it contains exactly four numbers.
These rules will be part of validation and the error message will appear together with the field. So when we move over the field, the error pops up, as shown in the following screenshot: