Form Input Validation

In this mini-tutorial we will show how to collect accurate information from your respondents with input validation

Form validation ensures that the data submitted in a form meets the required formats. It involves checking for errors such as empty fields, incorrect data types or invalid inputs.

Preventing empty fields

With Weavely it is very easy to set your form fields as required and make sure that respondents don't submit empty fields. Simply click on the form element you want to make mandatory to fill out and check the box "required" in the plugin window.

Input validation by setting the form field to required

Form fields with input validation

Certain form fields in Weavely are pre-configured with input validation. For example, the email form field only allows for the submission of valid email addresses. The same applies to numeric input, date, time and link form elements. This way, all these form fields allow submissions in a pre-configured format only, so you shouldn't worry that someone submits random letters instead of a valid link.

Form fields with default input validation

Form validation with conditional logic

For more flexible and specific input validation requirements you can choose to set your own validation rules with the help of conditional logic. For example, you can choose to only show a follow-up question if the text input contains certain keywords.

form validation with logic

Custom error messages

As Weavely's main focus is on full design customisation of the forms and surveys, it allows you to make even error messages as custom as you wish. Not only can you change the text of the error message but also its colour, font, size and placement.

setting a custom error message for a form field in Figma

By pre-configuring certain form fields with input validation, such as ensuring email fields only accept valid email addresses and numeric fields only accept numbers, you significantly reduce the chances of receiving invalid or incomplete data. This not only enhances the accuracy of the collected information but also simplifies the user experience and minimises frustration, as users are guided to provide the correct type of input.