templates/contact/includes/_contact.js.twig line 1

Open in your IDE?
  1. <script>
  2.     $(document).ready(function() {
  3.         $('#contact-form .submit-btn').on('click', function(ev) {
  4.             ev.preventDefault();
  5.             let errors = [];
  6.             let valid = true;
  8.             const nameValid = $('#contact_name').val() != null && $('#contact_name').val().length > 0;
  9.             if (nameValid == false) {
  10.                 valid = false;
  11.                 errors.push('Nom* obligatoire.');
  12.             }
  14.             const emailLengthValid = $('#contact_email').val() != null && $('#contact_email').val().length > 0;
  15.             if (emailLengthValid == false) {
  16.                 valid = false;
  17.                 errors.push('Email* obligatoire.');
  18.             }
  20.             const messageValid = $('#contact_message').val() != null && $('#contact_message').val().length > 0;
  21.             if (messageValid == false) {
  22.                 valid = false;
  23.                 errors.push('Message* obligatoire.');
  24.             }
  26.             const isEmail = isEmailFormat($('#contact_email').val());
  27.             if (isEmail == false) {
  28.                 valid = false;
  29.                 errors.push('Email: format invalide.');
  30.             }
  32.             const validPrivacy = $('#clone_contact_privacyPolicy').prop('checked');
  33.             if (validPrivacy == false) {
  34.                 valid = false;
  35.                 errors.push('Accépter la politique de confidentialité.');
  36.             }
  38.             const validRecaptcha = validateRecaptcha();
  39.             if (validRecaptcha == false) {
  40.                 valid = false;
  41.                 errors.push('reCaptcha invalide.');
  42.             }
  44.             if (valid == true) {
  45.                 $('#contact-form').submit();
  46.             } else {
  47.                 let htmlError = '<div class="alert alert-danger">Veuillez vérifier ces informations s\'il vous plaît:<ul>';
  48.                 
  49.                 errors.forEach((message, key) => {
  50.                     htmlError += '<li>' + message + '</li>';
  51.                 });
  52.                 htmlError += '</ul></div>';
  53.                 
  54.                 $('.alert-container').html(htmlError);
  55.             }
  56.         });
  58.         $('#clone_contact_privacyPolicy').on('click', function(ev) {
  59.             const checked = $(this).prop('checked');
  60.             $('#contact_privacyPolicy').prop('checked', checked);
  61.         });
  62.     });
  64.     /**
  65.      * @return {boolean} valid
  66.      */
  67.     function validateRecaptcha() {
  68.         var response = grecaptcha.getResponse();
  69.         if (response.length === 0) {
  70.             console.warn("reCaptcha not validated");
  71.             return false;
  72.         } else {
  73.             console.log("reCaptcha validated");
  74.             return true;
  75.         }
  76.     }
  78.     /**
  79.      * @param {string} text
  80.      * @return {boolean} isEmail
  81.      */
  82.     function isEmailFormat(text) {
  83.         var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  84.         return regex.test(text);
  85.     }
  86. </script>