Front end form validation is a great option where you want to cut out user error, such as inputting the wrong data in the wrong field, or adding one too many numbers to a phone number.
👍 With front end validation enabled, these issues will be flagged to the user so they can easily correct them.
👎 Without front end validation, these leads will be submitted and could be uncontactable as a result
Once you've made changes to your Validation Options, remember to re-publish everything in your site
Please Note: that this guide goes through some aspects of web development so a basic understanding of HTML and JavaScript will be required.
How to enable Front End Validation
First, head to your Landing Page, and edit your form page.
You should see something like this:
On the right hand side you can see various different fields which are enabled.
But you can also see that each one of them has a cog.
This cog on most fields allows you to control the simple validators. We explain below what each of these options are:
What Validation Options are Available
ActiveURL
Ensures the URL is valid.
Alpha
Input must be entirely alphabet characters (no spaces)
AlphaDash
Input must be entirely alphabet characters or dashes (no spaces)
AlphaNum
Input must be entirely alphabet characters or numeric (no spaces).
Between
Value has to be between a minimum and maximum that you set.
Date
Has to be a valid date.
DateAfter
Has to be a valid date after a date you set.
DateBefore
Has to be a valid date before a date you set.
Email Format
Has to be correct email format - doesn't guarantee it's a real email.
Greater
Input greater than set amount
In
Value has to be found in a comma separated list you specify
Integer
Has to be a valid whole number
IPAddress
Input has to be an IP address.
Length
Input has to have a length within the range you specify.
Less
Input less than set amount
NotIn
Value must not be found in a comma separated list you specify
Numeric
Has to be a valid number and can include decimals
Required
Ensures the field has a value.
Other Validation Options
Some of our default fields have other validation options which are outlined below:
Other Validation Options: Email
If you turn on email validation on, the following options will all be set to false by default which means you will be using the strongest email validation options.
If you click the cog on email, you'll be able to get more granular control.
Please note that email validation comes at an addition cost. Please discuss this with Databowl for more information.
Allow role_address results
Role addresses aren't real names on the email, but usually job titles.
This option allows emails from addresses such as info@ or hello@ etc.
Allow disposable results
Some email providers are classed as allowing disposable email accounts.
These tend to be used for spam purposes. Enabling this option allows these leads to come through.
Allow unknown results
If there is an issue with the email validation API or if the response back is currently unknown by default we'll reject this in the front end.
If you enable this, the leads will be captured and can be validated again later in the backend.
Databowl Recommends you enable this.
Other Validation Options: Phone
Depending on which country your campaign is operating in, you may see the following phone validator options:
LLV, HLR and CombiTelephone
These work just like they do in the backend, so if you require LLV and HLR together, please use CombiTelephone instead.
Please note that email validation comes at an addition cost. Please discuss this with Databowl for more information.
Options available include.
Allow dead results
If there is no response, allow the lead to come through.
Databowl Recommends you enable this.
Allow retry-later results
Allow the lead to come through if there are any issues with the validation API or if there is no response available from the phone number being validated at the moment (useful if they are out of service).
Databowl Recommends you enable this.
Need More? How About Custom Validation?
If you're a developer, we allow you to create custom front end validation options using our system.
You can follow some examples with the following two guides:
Test Test Test
This wouldn't be one of our technical documents without us saying this, but remember to test test test.
Set your validation options and remember to publish everything go through your Landing Page
🚀 Need More assistance?
If you're stuck or if this isn't something you or your team is comfortable with, then please open a new chat/ticket (chat icon in the bottom right of the screen) or email support@databowl.com.
We're here to assist with any questions you have, and if required we can quote on actioning work like this for as part of our Marketing Services.