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 <script> and </script> 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 <script> tags, then compiled and saved.

The Name field isn't being validated

Check that the Full Name field's Custom Class is exactly clearout_name (Step 4).
In Clearout, confirm the Name selector is set to div.clearout_name input (Step 7).

The form submits even with invalid data

Re-check the On Ready Hook code in Step 8 — the form container and submit-button selectors must match exactly.

What's next?

Validating leads at the point of entry keeps your lists clean and your follow-up effective.

Updated on: 18/06/2026

Was this article helpful?

Thank you!