https://www.industrialfoams.com/assets/js/enquiry-form.js

1const customer_name = document.getElementById('customer_name');
2const customer_email = document.getElementById('customer_email');
3const customer_phone = document.getElementById('customer_phone');
4const customer_subject = document.getElementById('customer_subject');
5const customer_message = document.getElementById('customer_message');
6const submit_button = document.getElementById('contact_form_submit_button');
7const input_captcha = document.getElementById('input_captcha');
8customer_name.addEventListener('keydown', handleEnterKey);
9customer_email.addEventListener('keydown', handleEnterKey);
10customer_phone.addEventListener('keydown', handleEnterKey);
11customer_subject.addEventListener('keydown', handleEnterKey);
12input_captcha.addEventListener('keydown', handleEnterKey);
13var accessApi = true;
14function handleEnterKey(event) {
15  if (event.key === "Enter" || event.keyCode == "13") {
16    submitContactForm();
17  }
18}
19function submitContactForm(){
20  document.querySelectorAll('.form-validation-require').forEach(function(element) { element.classList.remove('border-1p-red'); });
21  var formData = new FormData();
22  formData.append("customer_name", customer_name.value.trim());
23  formData.append("customer_email", customer_email.value.trim());
24  formData.append("customer_phone", customer_phone.value.trim());
25  formData.append("customer_subject", customer_subject.value.trim());
26  formData.append("customer_message", customer_message.value.trim());
27  formData.append("input_captcha", input_captcha.value.trim());
28  formData.append("page_url", $("#page_url").val().trim());
29  submit_button.setAttribute('disabled','');
30  $.ajax({
31    url: home_url + "apis/submit-contact-form.php", type: 'post', data: formData, processData: false, contentType: false,
32    success: function (result){
33      result = JSON.parse(result);
34      submit_button.removeAttribute('disabled');
35      if(result.status == 'success'){
36        if(result.authResult == "name_empty"){
37          setValidateAndFocusToElement(customer_name,'Please enter your full name');
38        }
39        else if(result.authResult == "email_empty"){
40          setValidateAndFocusToElement(customer_email,'Please enter your email address');
41        }
42        else if(result.authResult == "invalid_email_format"){
43          setValidateAndFocusToElement(customer_email,'Email Id is invali

43d');
44        }
45        else if(result.authResult == "phone_empty"){
46          setValidateAndFocusToElement(customer_phone,'Please enter your contact number');
47        }
48        else if(result.authResult == "subject_empty"){
49          setValidateAndFocusToElement(customer_subject,'Please fill this field');
50        }
51        else if(result.authResult == "message_empty"){
52          setValidateAndFocusToElement(customer_message,'Please write something about query');
53        }
54        else if(result.authResult == "captcha_empty"){
55          setValidateAndFocusToElement(input_captcha,'Please enter captcha code');
56        }
57        else if(result.authResult == "captcha_invalid"){
58          setValidateAndFocusToElement(input_captcha,'You entered wrong captcha');
59        }
60        else if(result.authResult == "too_many_wrong_captcha"){
61          tata.error("Sorry! You attempt too many wrong captcha entry", '', { animate: 'slide', closeBtn: false, duration: 2000 });
62        }
63        else if(result.authResult == "submitted"){
64          customer_name.value = '';
65          customer_email.value = '';
66          customer_phone.value = '';
67          customer_subject.value = '';
68          customer_message.value = '';
69          input_captcha.value = '';
70          document.getElementById('captcha_display_element').src = result.newImage;
71          window.location.href = result.redirectUrl;
72        }
73        else{
74          tata.error("Sorry! You attempt too many wrong captcha entry", '', { animate: 'slide', closeBtn: false, duration: 2000 });
75        }
76      }
77      else{
78        tata.error("Error! Something went wrong", '', { animate: 'slide', closeBtn: false, duration: 2000 });
79      }
80    }
81  });
82}
83function reloadCatpchaImage(){
84  if(accessApi){
85    accessApi = false;
86    var formData = new FormData();
87    $.ajax({

88      url: home_url + "apis/reload-captcha-img.php", type: 'post', data: formData, processData: false, contentType: false,
89      success: function (result){
90        result = JSON.parse(result);
91        accessApi = true;
92        document.getElementById('captcha_display_element').src = result.newImage;
93      }
94    });
95  }
96}
97function setValidateAndFocusToElement(element_id, message){
98  element_id.classList.add('border-1p-red');
99  // window.scrollTo({ top: element_id.offsetTop-120, behavior: 'smooth' });
100  tata.error(message, '', { animate: 'slide', closeBtn: false, duration: 2000 });
101  element_id.focus();
102}