Formulaire

Rejeter les emails non pro

Empêcher la soumission d'un formulaire si l'adresse mail n'est pas issue d'un domaine personnalisé

Copier ce script

Etape 1

Copier le script et le coller sur votre page ou projet Webflow

<script>
// when the DOM is ready
$(document).ready(function() {
  // make an array of invalid domains
  const invalidDomains = ['gmail.com', 'yahoo.com', 'hotmail.com', 'competitor.com'];

  // get the submit button
  const submitBtn = $('.button');
  // on submit button click
  submitBtn.click(()=>{
    // get the email field
    const email = $('.email');
    // split email at '@' character to get domain
    const domainPart = email.val().split('@')[1]; 
  
    // if the domain exists in the invalidDomains array
    if(invalidDomains.indexOf(domainPart) !== -1) {
      // clear email field
      email.val('');
      // add a 'use business mail' placeholder
      email.attr('placeholder','Please enter a business email');
      // prevent form submission
      return false;
    }
    else{	// else if email is not invalid
      // submit form
      return true;
    }
  });
});
</script>
Copier

Etape 2

Intégrer sur Webflow en adaptant à votre projet et votre configuration

  • Changer la class du bouton (ici .button)
  • Changer la class de l'input email (ici .email)

Script issu du Hack 18 de Finsweet