Add our widget to your website for seamless real-time email verification


Integrate the Real-time JavaScript widget to validate email fields in forms quickly. You can add this widget to your forms by following simple steps.

Real Time Email Validation Javascript Widget -  ExactVerify
Step 1

Navigate to the left side menu bar and click the Widget.

Email Validation Tool Dashboard -  ExactVerify
Step 2

Hit the Create Widget Button, and then you will see the pop-up.

Email Verification Create Widget -  ExactVerify
Step 3

Fill in the Widget Name, Change the Widget Status to Active or Inactive, Enter the domains you wish to Whitelist one by one and then Hit the Create Button.

Email Validation Javascript Widget -  ExactVerify
Step 4

To successfully create the widget, change the widget status to active; fill out the widget name and whitelist domains.  If the widget status is not active, but the widget name and whitelist domains are specified, the created widget will remain inactive.

Create Email Validation Javascript Widget - ExactVerify
Step 5

Whitelist domains enable additional HTTP headers to allow a web application running at one domain to access particular resources located at another without any restrictions.

Email Verification Widget -  ExactVerify
Step 6

You can use the * wildcard to include all subdomains.
Only proper domains, sub-domains and wildcard domains are allowed here:
Domains: Ex: xxxxxx.com, yyyyyy.xxxxxx.com, *.xxxxxx.com.
Not Allowed: Ex: https://xxxxxx.com/, xxxxxxcom.

Email Validation Javascript Widget Add -  ExactVerify
Step 7

After successful widget creation, the left side panel will display the widget name.

Newly created Email Validation Javascript Widget - ExactVerify
Step 8

When you click the widget name you created, the Java script and statistics data will appear on the right-side panel.

Email Validation Javascript Widget Stats - ExactVerify
Step 9

If you would like to edit the widget details, click the Edit Icon provided at the top next to the widget name.

Edit Email Validation Javascript Widget - ExactVerify
Step 10

If you would like to change the widget status, simply click the toggle icon provided on the top right.

Email Validation Javascript Widget Toggle - ExactVerify
Step 11

To delete the widget, follow these steps: Click the delete button provided on the top right and then confirm your choice by clicking “yes” in the pop-up menu.

Email Validation Javascript Widget Delete Option - ExactVerify
Step 12

You are limited to create only five widgets due to a limit imposed by the platform.

Create up to 5 JavaScript Email Validator Widgets with ExactVerify
img

How to use JavaScript widgets?

  1. To copy the script code, navigate to Menu Widget -> Widget Name in the customer dashboard.
  2. The code appears as follows
        <script type="text/javascript">
            publicKey_EV='YOUR_API_KEY';
            evOptions = {
                displayVerificationresult: true,
                showEVlogo: true
            }
        </script>
        <script src="https://www.exactverify.com/widget/widget.js"></script>
    
  3. Paste the copied code where you would like to use it on your website.
  4. Once you enter your email address, the form will begin to work.
  5. If an API key is invalid or the Widget status is inactive, the Console will display an unauthorized error.
  6. If the widget code is used in a domain, but not from the whitelist domains provided on the customer dashboard, a CORS error will appear in the console.
  7. You may alter the result view options by modifying the code below
    1. It will display the result as ‘The email address is Valid/Invalid’
          <script type="text/javascript">
              publicKey_EV='YOUR_API_KEY';
              evOptions = {
                  displayVerificationresult: true,
                  showEVlogo: true
              }
          </script>
          <script src="https://www.exactverify.com/widget/widget.js"></script>
      
    2. It will display the result as ‘Valid/Invalid/Unknown icons only’
          <script type="text/javascript">
              publicKey_EV='YOUR_API_KEY';
              evOptions = {
                  displayVerificationresult: false,
                  showEVlogo: true
              }
          </script>
          <script src="https://www.exactverify.com/widget/widget.js"></script>
      
    3. Results will be displayed along with the ExactVerify logo
          <script type="text/javascript">
              publicKey_EV='YOUR_API_KEY';
              evOptions = {
                  displayVerificationresult: true,
                  showEVlogo: true 
              }
          </script>
          <script src="https://www.exactverify.com/widget/widget.js"></script>
      
    4. Results will be displayed without the ExactVerify logo
          <script type="text/javascript">
              publicKey_EV='YOUR_API_KEY';
              evOptions = {
                  displayVerificationresult: true,
                  showEVlogo: false 
              }
          </script>
          <script src="https://www.exactverify.com/widget/widget.js"></script>
      
    5. You can setup/add an event listener with the help of the below changes.
          <script type="text/javascript">
              publicKey_EV='YOUR_API_KEY';
              evOptions = {
                  displayVerificationresult: true,
                  showEVlogo: false
              }
              
              field = document.querySelector("input[id='email']");
      
              field.addEventListener('evbeforeVerify', function(e) {
                  console.log(e.detail);
              });
              field.addEventListener('evafterVerify', function(e) {
                  console.log(e.detail);
              });
              
          </script>
          <script src="https://www.exactverify.com/widget/widget.js"></script>
      
    6. If you would like to disable email validation for any email field, you add the data attribute "data-disableevemailvrfy" to that specific field, and our widget will not validate it.