Email validation to catch typos

Interested!

Hi Andy,

I use Data 8 domain validation for a client on an Unbounce landing page. Please check the link below.

https://www.data-8.co.uk/services/data-validation/validation-services/email-validation

This works well to ensure we get good quality data from our form submissions. 

Hope that helps a little,

Cheers

Stuart.

Thank you very much! We’ll try these out, and let you know how it goes.

Using the Unbounce Custom Validation Script from this page and script posted on Stackoverflow regarding Data-8 Validation I almost got it working but my problem is that the Unbounce Custom Validation script does not wait for the response of the IsValid function once it is being called but always returns “undefined”. How can I make it wait for the response (true or false) of the function.

The exact code that I use to setup the Data-8 Function is:

<script type="text/javascript">
 
function loadIntegr8() {
  // Load the InternationalTelephoneValidation Integr8 service
  data8.load('InternationalTelephoneValidation');
}
 
var funReady;

function IsValid(telephoneNumber, defaultCountry) {
  funReady = new $.Deferred();
  var internationaltelephonevalidation = new data8.internationaltelephonevalidation();
  internationaltelephonevalidation.isvalid(
    telephoneNumber,
    defaultCountry,
    [
      new data8.option('UseMobileValidation', 'true'),
      new data8.option('UseLineValidation', 'true')
    ],
    showIsValidResult
  );


           $.when(funReady).then(function() {
         console.log (funReady.state());
    return funReady.state() === "resolved" ? true : false;

       });


 

}


function showIsValidResult(result) {
  if (!result.Status.Success) { // http(s) request failed
    funReady.reject();
  }

  if(result.Result.ValidationResult == "Invalid") {
    funReady.reject();
  } else {
    funReady.resolve();
  }
}

loadIntegr8();
  
  
 
</script>

And the code used for the Unbounce Custom Validation is:

<script type="text/javascript">
  
  lp.jQuery(function($) {
  
    // Config
    var ruleID = 'myCustomRule';
    var field = 'phone_number';
    var message = 'Invalid UK Phone Number';
  
    var rules = module.lp.form.data.validationRules[field];
  
    $.validator.addMethod(ruleID, function(value, field) {
  
      // Replace this with any expression you like. It should evaluate to true
      // if the field is valid and false if invalid. This example adds a 
      // rule that the user must enter 'I accept' exactly into the field.
            var valid = IsValid(value, 'GB');
    
   


     

      return valid || (!rules.required && !value); 
      
    }, message);
  
    rules[ruleID] = false;
  
  });
</script>

I chose to use the free Verifalia email verification widget, which only requires copying and pasting a single line of JavaScript code: https://verifalia.com/email-verification-widget 

Here is the step by step guide: https://verifalia.com/help/email-verification-widget/how-to-block-invalid-emails-in-unbounce-landing-pages