> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.quizell.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).
# How to Validate Quizell Leads with Clearout Form Guard
## Introduction
Clearout's **Form Guard** adds real-time validation to your Quizell quizzes and forms. Alongside email verification, it can also validate **phone numbers** and **names** at the moment a visitor types them — so every lead captured through your Quizell lead pages is accurate, reachable, and genuine.
By verifying leads as they're entered, Form Guard helps you capture only high-quality leads, improve email deliverability, and keep your CRM and marketing lists clean from the very first submission.
> **Two products are involved.** You'll set up part of this in **Quizell** (your quiz) and part in your **Clearout** dashboard (the Form Guard). The steps below note where each happens.
## Before you start
Quizell uses a non-standard structure for its form container, and the Name field doesn't use a standard HTML name attribute. Because of this, the integration needs a few custom configurations so Form Guard can detect and validate your fields correctly. The steps below walk you through them — just follow them in order.
You'll need:
* A Quizell quiz with a **Lead Page**
* A **Clearout** account with access to **Form Guard**
## Step-by-step setup
### Step 1: Prepare your Quizell quiz
In Quizell, edit an existing quiz or create a new one.
### Step 2: Enable Custom CSS *(in Quizell)*
* In the left panel of the quiz editor, click **Code**
* Toggle **Enable CSS** on
* Click **Save**, then refresh the page
### Step 3: Set up your Lead Page *(in Quizell)*
Go to your **Lead Page** step and add the fields you want to validate — for example **Full Name**, **Email**, and **Phone Number**.
### Step 4: Assign a custom class to the Name field *(in Quizell)*
Because Name isn't a standard field in Quizell's form structure, you'll give it a class so Form Guard can target it.
* Select the **Full Name** field
* In its settings, set the **Custom Class** to:
```
clearout_name
```
### Step 5: Create a Form Guard *(in Clearout)*
* Log in to your **Clearout** dashboard
* Go to **Form Guard** and click **+ Create Guard**
* Give it a name and a short description, then click **Continue**
### Step 6: Configure your validation settings *(in Clearout)*
On the validation settings page, enable the validations you need — **Email**, **Phone**, and **Name**. You can return to this page anytime to adjust them.
### Step 7: Set the Name field selector *(in Clearout)*
If you enabled **Name** validation:
* Click **Name** in the Form Fields list
* Under **Name Field Selection**, choose **Custom**
* Enter this selector:
```
div.clearout_name input
```
* Click **Next**
This points Form Guard to the Name field you tagged in Step 4.
### Step 8: Configure Advanced settings *(in Clearout)*
On the **Advanced settings** page, find **On Ready Hook**, select **Custom**, and enter the following js:
```
window.clearout.options.form_discovery_duration = -1
window.clearout.options.form_elements = [
{
selector: 'div.quizell-page-main',
options: { submit_button_selector: 'button.quizell-nextButton' }
}
]
```
Because Quizell uses a non-standard form structure, this explicitly points Form Guard to the form container and the submit button.
### Step 9: Generate and copy the snippet *(in Clearout)*
* Click **Create**
* On the success screen, click **Copy** to copy the generated code snippet
### Step 10: Embed the snippet in Quizell *(in Quizell)*
* Back in the Quizell editor, add a **Custom Script** block (under Advanced)
* Paste the snippet you copied
> **Important:** Remove the `` tags before saving — Quizell's Custom Script block runs the JavaScript directly and doesn't need them.
* Click **Compile and save**
### Step 11: Save and preview *(in Quizell)*
* Click **Save** on your quiz
* Click **Preview** and test that validation works on your form fields
### Step 12: Verify the validation behavior
As visitors type, a tick or cross appears next to each field based on the result. The form is **prevented from submitting until all entered data is valid** — so invalid emails, names, and phone numbers are caught before they ever reach your list.
## That's it!
Your Quizell lead capture now validates leads in real time, so only verified, high-quality contacts make it into your CRM or email list. 🎉
## Customizing your validation settings
You can fine-tune how Form Guard checks each field from the **Settings** page of your Guard. Each field type can be enabled, disabled, or configured individually:
* **Email** — checks for disposable, role-based, spam-trap, gibberish, and free email addresses, plus typo suggestions.
* **Name** — detects gibberish, fake, or incomplete names.
* **Phone** — verifies number format, country, and line type to filter out invalid entries.
Changes take effect immediately and **don't require re-embedding the snippet**.
## Troubleshooting
**Validation isn't appearing on my form**
* Confirm you enabled **Custom CSS** (Step 2) and refreshed the page.
* Make sure the Custom Script snippet is pasted **without** the `