AnsweredAssumed Answered

Require Business Email Address on Forms

Question asked by Trevor Parsell on Jan 18, 2018
Latest reply on Jul 29, 2019 by Sanford Whiteman

Like • Show 0 Likes0
Comment • 11

Hello,

I found the script below in this discussion: How do I require a BUSINESS email

I pasted the script in my Marketo landing page template and tested the form with a Yahoo email address and it still is allowing me to submit the form. Where exactly should this script be placed to reject non-business email addresses for particular forms? Any help would be greatly appreciated.

<script>
	(function (){
	// Please include the email domains you would like to block in this list
	var invalidDomains = ["@yahoo.","@hotmail.","@live.","@aol.","@msn.","@outlook."];

	MktoForms2.whenReady(function (form){
	form.onValidate(function(){
	var email = form.vals().Email;
	if(email){
	if(!isEmailGood(email)) {
	form.submitable(false);
	var emailElem = form.getFormElem().find("#Email");
	form.showErrorMessage("Must be Business email.", emailElem);
	}else{
	form.submitable(true);
	}
	}
	});
	});

	function isEmailGood(email) {
	for(var i=0; i < invalidDomains.length; i++) {
	var domain = invalidDomains[i];
	if (email.indexOf(domain) != -1) {
	return false;
	}
	}
	return true;
	}

	})();
	</script>

Thanks!

Trevor

Sanford Whiteman Jan 18, 2018 1:19 PM

Correct Answer

Lawdy, how I hate that code.

It should have barebones functionality, though. Are you being sure to include it after the <script> that loads forms2.min.js? On a Marketo LP, you'll want to put this just inside the closing </body> tag (because Mkto may inject the forms2.min.js at any point in the body content).

See the reply in context

No one else had this question

Outcomes

Sanford Whiteman Jan 18, 2018 1:19 PM

Lawdy, how I hate that code.

Actions

Trevor Parsell @ Sanford Whiteman on Jan 19, 2018 8:24 AM

Thanks, Sanford. I just needed to move it down the page and it is now working.

Do you hate the code because it prevents potentially good leads from filling out forms if they prefer to use a non-business email address? Are there other downsides?

Just curious as I am not a huge fan of doing this although there are some scenarios where it will be useful.

Thanks!

Actions

Sanford Whiteman @ Trevor Parsell on Jan 19, 2018 10:32 AM

It's not about the concept (it has its uses) but the implementation.

There are 1000s of free domains, but the code only (mis)identifies a few (the seminal list is the Freemail list).
The pattern matching is incorrect. If my email address is sandy@live.event24.com, that isn't a Microsoft domain; if my company sets up a domain for outlook users @outlook.college.edu, that isn't an Outlook 365 domain. The freemail providers don't actually own all the instances of their domain at all levels of the domain tree and under all TLDs!
The function name isEmailGood is frustrating, because it isn't validating the email as a whole.

Actions

Trevor Parsell @ Sanford Whiteman on Jan 19, 2018 1:15 PM

Hey Sanford,

I see what you mean. So would it make more sense to include the larger list of free email domains and to change the script to only block "@live.com" instead of "@live."

Example: var invalidDomains = ["@yahoo.com","@hotmail.com","@live.com","@aol.com","@msn.com","@outlook.com"];

This should solve for the sandy@live.event24.com and @outlook.college.edu scenarios.

Thanks for your help!

Actions

Sanford Whiteman @ Trevor Parsell on Jan 19, 2018 5:26 PM

No, that'll still bug out should someone have a username like jill@outlook.comcorp.edu. The domains need to be firmly anchored to the right-hand-side of the email address.

Also, did I mention the original code is case-sensitive, so joe@YAHOO.COM is considered valid? That's an even bigger problem than the rest, really.

This is a much tighter and more accurate function:

function inDomainList(email,domains){
  return domains
    .map(function(domain){
      return new RegExp('@'+domain+'$','i');
    })
    .some(function(reDomain){
      return reDomain.test(email);
    });
}

then pass the domain list to the function (this is better practice than requiring the domain list to be up-scope, not that I don't do that myself sometimes):

var freemailDomains = ["yahoo.com","hotmail.com","live.com","aol.com","msn.com","outlook.com"];
if ( inDomainList(email,freemailDomains) ) {
  /* it's in the list of domains you don't like */
}

Actions

Denise Greenberg @ Sanford Whiteman on Jul 17, 2019 5:23 PM

Hey Sanford Whiteman - I have a client that wants to require business email addresses for one specific form but the form is on their website - not on a Marketo LP. Would the code above work in that context, too? If so, where does it belong?

Actions

Sanford Whiteman @ Denise Greenberg on Jul 17, 2019 6:53 PM

Sure, it'll work fine with an embedded form as well. Make sure it's placed after the embed code -- custom Marketo forms behaviors require the global MktoForms2 object, and that object won't exist unless forms2.min.js has finished loading.

Actions

Denise Greenberg @ Sanford Whiteman on Jul 29, 2019 11:07 AM

Hey Sandy,

Can I copy and paste that code as is? Or when you say "then pass the domain list to the function...", is there more required than simply pasting the code that follows that sentence?

Thank you!

Denise

Actions

Sanford Whiteman @ Denise Greenberg on Jul 29, 2019 9:38 PM

To combine the original logic with the fixed validator function:

<script>
function inDomainList(email,domains){
  return domains
    .map(function(domain){
      return new RegExp('@'+domain+'$','i');
    })
    .some(function(reDomain){
      return reDomain.test(email);
    });
}

MktoForms2.whenReady(function(form){

  var freemailDomains = ["yahoo.com","hotmail.com","live.com","aol.com","msn.com","outlook.com","gmail.com"],
      errorFreemail = "Must be Business email.";

  /* no need to touch below this line */
  var formEl = form.getFormElem()[0],
      emailEl = formEl.querySelector("input[name='Email']"),
      emailJq = MktoForms2.$(emailEl);

  form.onValidate(function(native){
    if (!native) return;

    var currentValues = form.getValues(),
        currentEmail = currentValues.Email;

    if ( inDomainList(currentEmail, freemailDomains) ) {

      form.submittable(false);
      form.showErrorMessage(errorFreemail, emailJq);
    } else {

      form.submittable(true);
    }
  });
});
</script>

Actions

Denise Greenberg @ Sanford Whiteman on Jul 29, 2019 11:13 AM

One more question - if we use this code, how do we get the form to provide an error message to the user? "Please provide a business email address."

Actions

Denise Greenberg @ Sanford Whiteman on Jul 29, 2019 12:06 PM

Sanford Whiteman - I'm trying to get this code to work on a Marketo LP first - and it's having no effect. Is there other code that needs to go around the sample you provided that a developer (which, as you know, I'm not) would automatically be adding? I did put it the whole thing inside <script> </script> tags.

Actions

11 Replies

Sanford Whiteman Jan 18, 2018 1:19 PM
Unmark Correct
Correct Answer
Lawdy, how I hate that code.

It should have barebones functionality, though. Are you being sure to include it after the <script> that loads forms2.min.js? On a Marketo LP, you'll want to put this just inside the closing </body> tag (because Mkto may inject the forms2.min.js at any point in the body content).
Like • Show 0 Likes0
Actions
- Trevor Parsell @ Sanford Whiteman on Jan 19, 2018 8:24 AM
  Mark Correct
  Correct Answer
  Thanks, Sanford. I just needed to move it down the page and it is now working.
  
  Do you hate the code because it prevents potentially good leads from filling out forms if they prefer to use a non-business email address? Are there other downsides?
  
  Just curious as I am not a huge fan of doing this although there are some scenarios where it will be useful.
  
  Thanks!
  Like • Show 0 Likes0
  Actions
  - Sanford Whiteman @ Trevor Parsell on Jan 19, 2018 10:32 AM
    Mark Correct
    Correct Answer
    It's not about the concept (it has its uses) but the implementation.
    
    There are 1000s of free domains, but the code only (mis)identifies a few (the seminal list is the Freemail list).
    The pattern matching is incorrect. If my email address is sandy@live.event24.com, that isn't a Microsoft domain; if my company sets up a domain for outlook users @outlook.college.edu, that isn't an Outlook 365 domain. The freemail providers don't actually own all the instances of their domain at all levels of the domain tree and under all TLDs!
    The function name isEmailGood is frustrating, because it isn't validating the email as a whole.
    Like • Show 0 Likes0
    Actions
    - Trevor Parsell @ Sanford Whiteman on Jan 19, 2018 1:15 PM
      Mark Correct
      Correct Answer
      Hey Sanford,
      
      I see what you mean. So would it make more sense to include the larger list of free email domains and to change the script to only block "@live.com" instead of "@live."
      
      Example: var invalidDomains = ["@yahoo.com","@hotmail.com","@live.com","@aol.com","@msn.com","@outlook.com"];
      
      This should solve for the sandy@live.event24.com and @outlook.college.edu scenarios.
      
      Thanks for your help!
      Like • Show 0 Likes0
      Actions
      - Sanford Whiteman @ Trevor Parsell on Jan 19, 2018 5:26 PM
        Mark Correct
        Correct Answer
        No, that'll still bug out should someone have a username like jill@outlook.comcorp.edu. The domains need to be firmly anchored to the right-hand-side of the email address.
        
        Also, did I mention the original code is case-sensitive, so joe@YAHOO.COM is considered valid? That's an even bigger problem than the rest, really.
        
        This is a much tighter and more accurate function:
        
        function inDomainList(email,domains){ return domains .map(function(domain){ return new RegExp('@'+domain+'$','i'); }) .some(function(reDomain){ return reDomain.test(email); }); }
        
        then pass the domain list to the function (this is better practice than requiring the domain list to be up-scope, not that I don't do that myself sometimes):
        
        var freemailDomains = ["yahoo.com","hotmail.com","live.com","aol.com","msn.com","outlook.com"]; if ( inDomainList(email,freemailDomains) ) { /* it's in the list of domains you don't like */ }
        Like • Show 0 Likes0
        Actions
        Denise Greenberg @ Sanford Whiteman on Jul 17, 2019 5:23 PM
        Mark Correct
        Correct Answer
        Hey Sanford Whiteman - I have a client that wants to require business email addresses for one specific form but the form is on their website - not on a Marketo LP. Would the code above work in that context, too? If so, where does it belong?
        Like • Show 0 Likes0
        Actions
        Sanford Whiteman @ Denise Greenberg on Jul 17, 2019 6:53 PM
        Mark Correct
        Correct Answer
        Sure, it'll work fine with an embedded form as well. Make sure it's placed after the embed code -- custom Marketo forms behaviors require the global MktoForms2 object, and that object won't exist unless forms2.min.js has finished loading.
        Like • Show 0 Likes0
        Actions
        Denise Greenberg @ Sanford Whiteman on Jul 29, 2019 11:07 AM
        Mark Correct
        Correct Answer
        Hey Sandy,
        
        Can I copy and paste that code as is? Or when you say "then pass the domain list to the function...", is there more required than simply pasting the code that follows that sentence?
        
        Thank you!
        Denise
        Like • Show 0 Likes0
        Actions
        Sanford Whiteman @ Denise Greenberg on Jul 29, 2019 9:38 PM
        Mark Correct
        Correct Answer
        To combine the original logic with the fixed validator function:
        
        <script> function inDomainList(email,domains){ return domains .map(function(domain){ return new RegExp('@'+domain+'$','i'); }) .some(function(reDomain){ return reDomain.test(email); }); } MktoForms2.whenReady(function(form){ var freemailDomains = ["yahoo.com","hotmail.com","live.com","aol.com","msn.com","outlook.com","gmail.com"], errorFreemail = "Must be Business email."; /* no need to touch below this line */ var formEl = form.getFormElem()[0], emailEl = formEl.querySelector("input[name='Email']"), emailJq = MktoForms2.$(emailEl); form.onValidate(function(native){ if (!native) return; var currentValues = form.getValues(), currentEmail = currentValues.Email; if ( inDomainList(currentEmail, freemailDomains) ) { form.submittable(false); form.showErrorMessage(errorFreemail, emailJq); } else { form.submittable(true); } }); }); </script>
        Like • Show 0 Likes0
        Actions
        Denise Greenberg @ Sanford Whiteman on Jul 29, 2019 11:13 AM
        Mark Correct
        Correct Answer
        One more question - if we use this code, how do we get the form to provide an error message to the user? "Please provide a business email address."
        Like • Show 0 Likes0
        Actions
        Denise Greenberg @ Sanford Whiteman on Jul 29, 2019 12:06 PM
        Mark Correct
        Correct Answer
        Sanford Whiteman - I'm trying to get this code to work on a Marketo LP first - and it's having no effect. Is there other code that needs to go around the sample you provided that a developer (which, as you know, I'm not) would automatically be adding? I did put it the whole thing inside <script> </script> tags.
        Like • Show 0 Likes0
        Actions

Require Business Email Address on Forms

Outcomes

Related Content

Recommended Content