Tous nos scripts

Formulaire

Rejeter les emails non pro

<script>
document.addEventListener('DOMContentLoaded', function () {
  const invalidDomains = [
    'gmail.com',
    'yahoo.com',
    'hotmail.com',
    'live.net',
    'orange.fr',
    'sfr.fr',
    'yopmail.com',
  ];

  const submitBtn = document.querySelector('[js-form-reject="submit"]');

  submitBtn.addEventListener('click', function (event) {
    const email = document.querySelector('[js-form-reject="email"]');

    const domainPart = email.value.split('@')[1];

    if (invalidDomains.includes(domainPart)) {
      email.value = '';

      email.setAttribute('placeholder', "Merci d'utiliser une adresse professionnelle");

      email.style.border = '1px solid red';

      event.preventDefault();
    } else {
      email.style.border = '';
    }
  });
});
</script>

Etape 1 - Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Reject Non Pros -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/forms/reject-non-pros.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
  const invalidDomains = [
    'gmail.com',
    'yahoo.com',
    'hotmail.com',
    'live.net',
    'orange.fr',
    'sfr.fr',
    'yopmail.com',
  ];

  const submitBtn = document.querySelector('[js-form-reject="submit"]');

  submitBtn.addEventListener('click', function (event) {
    const email = document.querySelector('[js-form-reject="email"]');

    const domainPart = email.value.split('@')[1];

    if (invalidDomains.includes(domainPart)) {
      email.value = '';

      email.setAttribute('placeholder', "Merci d'utiliser une adresse professionnelle");

      email.style.border = '1px solid red';

      event.preventDefault();
    } else {
      email.style.border = '';
    }
  });
});
</script>
Copier

Etape 2 - Ajouter les attributes correspondants

Form Submit Button - Identifier l'élément de soumission du formulaire

Nom

js-form-reject

Valeur

submit

Ajouter l'attribute au bouton de soumission du formulaire

Input - Identifier l'input de type Email

Nom

js-form-reject

Copié !

Valeur

email

Copié !

Ajouter l'attribute au champ email du formulaire

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

Script

<script>
document.addEventListener('DOMContentLoaded', function () {
  const invalidDomains = [
    'gmail.com',
    'yahoo.com',
    'hotmail.com',
    'live.net',
    'orange.fr',
    'sfr.fr',
    'yopmail.com',
  ];

  const submitBtn = document.querySelector('[js-form-reject="submit"]');

  submitBtn.addEventListener('click', function (event) {
    const email = document.querySelector('[js-form-reject="email"]');

    const domainPart = email.value.split('@')[1];

    if (invalidDomains.includes(domainPart)) {
      email.value = '';

      email.setAttribute('placeholder', "Merci d'utiliser une adresse professionnelle");

      email.style.border = '1px solid red';

      event.preventDefault();
    } else {
      email.style.border = '';
    }
  });
});
</script>
Copier

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.