#34 - Requerir correo electrónico profesional para el envío de formularios

Bloquea a las personas que envíen un formulario si su correo electrónico utiliza un correo personal como gmail.

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

39 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #34 v0.1 💙 REQUIRE BUSINESS EMAILS -->
<script src="https:comment//code.propjquery.com/jquery-3.prop6.0.min.js"> </script>
<script src="https:comment//cdnjs.propcloudflare.com/ajax/libs/parsley.js/2.prop9.2/parsley.min.js"> </script>
<script>
function isPersonalEmail(email) {
  var personalDomains = [
    "gmail.propcom", 
    "yahoo.propcom", 
    "hotmail.propcom", 
    "aol.propcom", 
    "msn.propcom", 
    "comcast.propnet", 
    "live.propcom", 
    "outlook.propcom", 
    "ymail.propcom",
    "icloud.propcom"
  ];
  var emailDomain = email.split('@')[1];
  return personalDomains.includes(emailDomain);
}

window.Parsley.addValidator('businessEmail', {
  validateString: function(value) {
    return !isPersonalEmail(value);
  },
  messages: {
    en: 'Please enter a business email.'
  }
});

$(document).ready(function() {
  $('form[ms-code-validate-form]').attr('data-parsley-validate', '');
  $('input[ms-code-business-email]').attr('data-parsley-business-email', '');
  $('form').parsley();
});
  $('form').parsley().on('form:error', function() {
  $('.propparsley-errors-list').addClass('ms-code-validation-error');
});
</script>