Zablokowane Contact form PHP printuje wymieszane wartosci

[kosikSTUDIOS]

Cześć,

 

Mam problem z moim contact form na stronie. Całość działa, a mail bez problemu dochodzi na skrzynkę. Gdy wysyła się e-mail wyrzuca taki output:

 

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę

• Zaloguj się
• lub
• Zarejestruj się

 

Tak wygląda kod do email handlera i główny:

 

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę

• Zaloguj się
• lub
• Zarejestruj się

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę

• Zaloguj się
• lub
• Zarejestruj się

 

Dzięki z góry za pomoc,

pozdrawiam

[pBartnik]

A w czym jest problem? 

"Email sent!" oznacza, że wiadomość została wysłana.

[kosikSTUDIOS]

23 minuty temu, pBartnik napisał(a):

A w czym jest problem? 

"Email sent!" oznacza, że wiadomość została wysłana.

Tak tylko zauważ, że wypluwa to jako Error: Email sent na czerwonym buttonie ktory jest przypisany w CSS do wiadomosci z bledem a nie sukcesem. 

[pBartnik]

No nie mam całego kodu pokazanego to nie wiem.

Żaden div nie jest na screenach.

[kosikSTUDIOS]

3 minuty temu, pBartnik napisał(a):

Żaden div nie jest na screenach.

To elementy z CSS:

 

Spoiler

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

 

[pBartnik]

A div? Bo po CSSie nie widzę nic. 

[kosikSTUDIOS]

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę

• Zaloguj się
• lub
• Zarejestruj się

To ostatnie linijki pod contact form

[pBartnik]

Coś jest pochrzanione, bo tutaj masz wiadomość taką Your message has been sent. Thank You!, a wyświetla się z innego pliku wiadomość. Coś popsułeś.

Podeślij demo może tam się uda coś dotrzeć lub pliki.

Edytowane 23 Lutego 2023 przez pBartnik

[kosikSTUDIOS]

11 minut temu, pBartnik napisał(a):

Coś jest pochrzanione, bo tutaj masz wiadomość taką Your message has been sent. Thank You!, a wyświetla się z innego pliku wiadomość. Coś popsułeś.

Podeślij demo może tam się uda coś dotrzeć lub pliki.

Błąd musi być w JS.

Rzuć okiem jak możesz.

 

Spoiler

(function () {
  "use strict";

  let forms = document.querySelectorAll('.php-email-form');

  forms.forEach( function(e) {
    e.addEventListener('submit', function(event) {
      event.preventDefault();

      let thisForm = this;

      let action = thisForm.getAttribute('action');
      let recaptcha = thisForm.getAttribute('data-recaptcha-site-key');
      
      if( ! action ) {
        displayError(thisForm, 'The form action property is not set!')
        return;
      }
      thisForm.querySelector('.loading').classList.add('d-block');
      thisForm.querySelector('.error-message').classList.remove('d-block');
      thisForm.querySelector('.sent-message').classList.remove('d-block');

      let formData = new FormData( thisForm );

      if ( recaptcha ) {
        if(typeof grecaptcha !== "undefined" ) {
          grecaptcha.ready(function() {
            try {
              grecaptcha.execute(recaptcha, {action: 'php_email_form_submit'})
              .then(token => {
                formData.set('recaptcha-response', token);
                php_email_form_submit(thisForm, action, formData);
              })
            } catch(error) {
              displayError(thisForm, error)
            }
          });
        } else {
          displayError(thisForm, 'The reCaptcha javascript API url is not loaded!')
        }
      } else {
        php_email_form_submit(thisForm, action, formData);
      }
    });
  });

  function php_email_form_submit(thisForm, action, formData) {
    fetch(action, {
      method: 'POST',
      body: formData,
      headers: {'X-Requested-With': 'XMLHttpRequest'}
    })
    .then(response => {
      return response.text();
    })
    .then(data => {
      thisForm.querySelector('.loading').classList.remove('d-block');
      if (data.trim() == 'OK') {
        thisForm.querySelector('.sent-message').classList.add('d-block');
        thisForm.reset(); 
      } else {
        throw new Error(data ? data : 'Form submission failed and no error message returned from: ' + action); 
      }
    })
    .catch((error) => {
      displayError(thisForm, error);
    });
  }

  function displayError(thisForm, error) {
    thisForm.querySelector('.loading').classList.remove('d-block');
    thisForm.querySelector('.error-message').innerHTML = error;
    thisForm.querySelector('.error-message').classList.add('d-block');
  }

})();
 

 

[kosikSTUDIOS]

Ta zawartość jest ukryta. Jeśli chcesz mieć do niej dostęp, proszę

• Zaloguj się
• lub
• Zarejestruj się

 

Problem rozwiązany, musiałem zrobić Echo w PHP na "OK", ponieważ JS wskazywał na  if (data.trim() == 'OK') {

 

Do zamknięcia.