https://www.etl-unternehmensberatung.de/wp-content/themes/etl-theme/components/blocks/forms/forms-ajax.js

1jQuery(function($) {
2
3    function trackKontaktFormSubmit() {
4        if (typeof window.gtag === 'function') {
5            window.gtag('event', 'form_submit', {
6                form_id: 'formKontaktSubmit',
7                form_name: 'Kontaktformular',
8                event_category: 'Formular',
9                event_label: 'Kontaktformular erfolgreich verschickt'
10            });
11        } else if (Array.isArray(window.dataLayer)) {
12            window.dataLayer.push({
13                event: 'form_submit',
14                form_id: 'formKontaktSubmit',
15                form_name: 'Kontaktformular',
16                event_category: 'Formular',
17                event_label: 'Kontaktformular erfolgreich verschickt'
18            });
19        }
20    }
21
22    if ($('#formStartedAt').length) {
23        $('#formStartedAt').val(Math.floor(Date.now() / 1000));
24    }
25
26
27    $(document).ready(function($){
28
29        $('#formTemplate #formTemplateSubmit').on('click', function(e) {
30            e.preventDefault();
31            var validate = false;
32            var docs = [];
33            var i = 0;
34            $('.docUpload').each(function() {
35                var theDoc = $(this).val();
36                docs.push('doc'+i, theDoc);
37            });
38
39            var docLength = $('.docUpload').length;
40
41
42            var name = $('#name').val(),
43                email = $('#email').val(),
44                anrede = $('#anrede').val(),
45                unternehmen = $('#unternehmen').val(),
46                standort = $('#standort').val(),
47                plz = $('#plz').val(),
48                ort = $('#ort').val(),
49                stadt = $('#stadt').val(),
50                gegenstandSache = $('#gegenstand_sache').val(),
51                ursache = $('#ursache').val(),
52                nachricht = $('#nachricht').val(),
53                firma = $('#firma').val(),
54                anschrift = $('#anschrift').val(),
55                telefon = $('#telefon').val();
56            
57                
58
59            if (validateForm() == true) {
60            jQuery.ajax({
61                type: 'POST',
62                url: formsAjax.ajaxurl,
63                data: {
64                    action: 'sendFormUpload',
65                    'Name': name,
66                    'Email': email,
67                    'Anrede': anrede,
68                    'Firma': firma,
69                    'Unternehmen': unternehmen,
70                    'Standort': standort,
71                    'PLZ': plz,
72                    'Ort': ort,
73                    'Stadt': stadt,
74                    'Gegenstand/Sache': gegenstandSache,
75                    'Ursache': ursache,
76                    'Nachricht': nachricht,
77                    'Telefon' : telefon, 
78                    'Anschrift' : anschrift, 
79                    'DocLength' : docLength,
80                    docs
81                   
82                },
83                success: function (data, textStatus, XMLHttpRequest) {
84                },
85                error: function (xhr, ajaxOptions, thrownError) {
86                }
87            });
88
89        }   else {
90            
91        }
92        });
93
94
95    });
96    $('#formKontaktSubmit').on('click', function(e) {
97        e.preventDefault();
98
99        var name = $('#formName').val(),
100            email = $('#formEmail').val(),
101            company = $('#formCompany').val(),
102            tel = $('#formTel').val(),
103            wohnort = $('#formWohnort').val(),
104            strasse = $('#formStrasse').val(),
105            plz = $('#formPLZ').val(),
106            ort = $('#formPLZOrt').val(),
107            cont = $('#formCont').val(),
108            currPage = window.location.href,
109            honeypot = $('#formWebsite').val(),
110            formStartedAt = $('#formStartedAt').val(),
111            pageId = $('#kontaktPageId').val(),
112            toMail = $('#toMail').val(),
113            ccMail = $('#ccMail').val(),
114            mailSignature = $('#mailSignature').val();
115
116            if (validateForm() == true) {
117                jQuery.ajax({
118                    type: 'POST',
119                    url: formsAjax.ajaxurl,
120                    dataType: 'json',
121                    data: {
122                        action: 'sendKontakForm',
123                        nonce: formsAjax.kontaktNonce,
124                        honeypot: honeypot,
125                        formStartedAt: formStartedAt,
126                        pageId: pageId,
127                        toMail: toMail,
128                        ccMail: ccMail,
129                        mailSignature: mailSignature,
130                        'name': name,
131                        'mail': email,
132                        'company' : company,
133                        'tel' : tel,
134                        'wohnort' : wohnort,
135                        'strasse' : strasse,
136                        'plz' : plz,
137                        'ort' : ort,
138                        'cont' : cont,
139                        'currentPage' : currPage
140                    },
141                    success: function (response) {
142                        if (response && response.success === false) {
143                            var errortext = response.data || "Leider ist etwas schiefgelaufen! Bitte prüfen Sie Ihre Eingaben und probieren es gleich noch einmal. (Fx02)";
144
145                            $('#kontaktStatus')
146                                .removeClass('formSent')
147                                .addClass('formError')
148                                .html(errortext);
149
150                            return;
151                        }
152
153                        trackKontaktFormSubmit();
154
155                        var successText = response && response.data
156                            ? response.data
157                            : "Vielen Dank! Wir kümmern uns um Ihr Anliegen.";
158
159                        $('#kontaktStatus')
160                            .removeClass('formError')
161                            .addClass('formSent')
162                            .html(successText);
163
164                        $('.etlForm input').each(function() {
165                            $(this).val('');
166                        });
167
168                        $('#formCont').val('');
169                        $('#dsgvoCheck').prop('checked', false);
170
171                        $('html, body').animate({
172                            scrollTop: ($("#kontaktStatus").offset().top - 150)
173                        }, 1000);
174                    },
175                    error: function (xhr) {
176                        var fallbackText = "Leider ist etwas schiefgelaufen! Bitte prüfen Sie Ihre Eingaben und probieren es gleich noch einmal. (Fx01)";
177                        var errortext = fallbackText;
178
179                        if (xhr.responseJSON && xhr.responseJSON.data) {
180                            errortext = xhr.responseJSON.data;
181                        }
182
183                        $('#kontaktStatus')
184                            .removeClass('formSent')
185                            .addClass('formError')
186                            .html(errortext);
187                    }
188                });
189    
190            }   else {
191                
192            }
193
194    });
195
196    $('#formTrikotSubmit').on('click', function(e) {
197        e.preventDefault();
198
199        var name = $('#formName').val(),
200            position = $('#formPosition').val(),
201            verein = $('#formVerein').val(),
202            vereinsort = $('#formVereinsort').val(),
203            email = $('#formEmail').val(),
204            tel = $('#formTel').val(),
205            cont = $('#formCont').val(),
206            currPage = window.location.href,
207            toMail = $('#toMail').val();
208        
209        if (validateForm() == true) {
210            var dataz = new FormData();
211            dataz.append('action', 'sendTrikotForm');
212            dataz.append('name', name);
213            dataz.append('position', position);
214            dataz.append('verein', verein);
215            dataz.append('vereinsort', vereinsort);
216            dataz.append('mail', email);
217            dataz.append('tel', tel);
218            dataz.append('cont', cont);
219            dataz.append('currentPage', currPage);
220            dataz.append('toMail', toMail);
221
222            $('.docUpload').each(function(i) {
223                var fileData = $(this).prop('files')[0]; 
224                if(fileData != undefined) {
225                    dataz.append('file_' + i+'[]', fileData);
226                }
227            });
228
229            jQuery.ajax({
230                type: 'POST',
231                url: formsAjax.ajaxurl,
232                data: dataz,
233                contentType: false,
234                cache : false,
235                processData: false,
236                dataType: 'json',
237
238                success: function (response, textStatus, XMLHttpRequest) {
239                    if (response && response.success === false) {
240                        var errortext = response.data || "Leider ist etwas schiefgelaufen! Bitte prüfen Sie Ihre Eingaben und probieren es gleich noch einmal oder nehmen per Mail Kontakt mit uns auf. (Fx02)";
241
242                        $('#kontaktStatus')
243                            .removeClass('formSent')
244                            .addClass('formError')
245                            .html(errortext);
246
247                        return;
248                    }
249
250                    var successText = "Vielen Dank! Wir kümmern uns um Ihr Anliegen.";
251
252                    if (response && response.data) {
253                        successText = response.data;
254                    }
255
256                    $('#kontaktStatus')
257                        .removeClass('formError')
258                        .addClass('formSent')
259                        .html(successText);
260
261                    $('.etlForm input').each(function() {
262                        $(this).val('');
263                    });
264
265                    $('#formCont').val('');
266                    $('#dsgvoCheck').prop('checked', false);
267
268                    $('html, body').animate({
269                        scrollTop: ($("#kontaktStatus").offset().top - 150)
270                    }, 1000);
271                },
272
273                error: function (xhr, ajaxOptions, thrownError) {
274                    var fallbackText = "Leider ist etwas schiefgelaufen! Bitte prüfen Sie Ihre Eingaben und probieren es gleich noch einmal oder nehmen per Mail Kontakt mit uns auf. (Fx01)";
275                    var errortext = fallbackText;
276
277                    if (xhr.responseJSON && xhr.responseJSON.data) {
278                        errortext = xhr.responseJSON.data;
279                    } else if (xhr.responseText) {
280                        errortext = xhr.responseText;
281                    }
282
283                    $('#kontaktStatus')
284                        .removeClass('formSent')
285                        .addClass('formError')
286                        .html(errortext);
287                }
288            });
289
290        }   else {
291            
292        }
293
294    });
295
296    $('#formPraxisboerseSubmit').on('click', function(e) {
297        e.preventDefault();
298
299        var vorname = $('#formVorname').val(),
300            nachname = $('#formNachname').val(),
301            email = $('#formEmail').val(),
302            tel = $('#formTel').val(),
303            fax = $('#formFax').val(),
304            cont = $('#formCont').val(),
305            currPage = window.location.href,
306            mandant = $('#bereitsMandant').prop('checked'),
307            toMail = $('#toMail').val(),
308            chiffre = $('#chiffre').val();

309            inserat = $('#inserat').val();
310
311            if (validateForm() == true && chiffre != "") {
312                jQuery.ajax({
313                    type: 'POST',
314                    url: formsAjax.ajaxurl,
315                    data: {
316                        action: 'sendPraxisboerseForm',
317                        'vorname': vorname,
318                        'nachname': nachname,
319                        'mail': email,
320                        'tel' : tel,
321                        'fax' : fax,
322                        'cont' : cont,
323                        'currentPage' : currPage,
324                        'mandant' : mandant,
325                        'toMail' : toMail,
326                        'chiffre' : chiffre,
327                        'inserat' : inserat
328                    },
329                    success: function (data, textStatus, XMLHttpRequest) {
330                       var successText = "Vielen Dank! Wir kümmern uns um Ihr Anliegen.";
331                       $('#kontaktStatus').addClass('formSent');
332                       $('#kontaktStatus').html(successText);
333                       $('#praxisboerseForm .submit-col').remove();
334                       $('#dsgvoCheck').prop('checked', false);
335                       $('#agbCheck').prop('checked', false);
336                       $('html, body').animate({
337                        scrollTop: ($("#kontaktStatus").offset().top - 150)
338                        }, 1000);
339                    },
340                    error: function (xhr, ajaxOptions, thrownError) {
341                       var errortext = "Leider ist etwas schiefgelaufen! Bitte prüfen Sie Ihre Eingaben und probieren es gleich noch einmal oder nehmen per Mail Kontakt mit uns auf. (Fx0a1)";
342                       $('#kontaktStatus').addClass('formError');
343                       $('#kontaktStatus').html(errortext);
344                    }
345                });
346    
347            }   else {
348                
349            }
350
351    });
352
353    $('#formPraxisvitalcheckSubmit').on('click', function(e) {
354        e.preventDefault();
355
356        var vorname = $('#formVorname').val(),
357            nachname = $('#formNachname').val(),
358            email = $('#formEmail').val(),
359            tel = $('#formTel').val(),
360            fax = $('#formFax').val(),
361            cont = $('#formCont').val(),
362            currPage = window.location.href,
363            mandant = $('#bereitsMandant').prop('checked'),
364            toMail = $('#toMail').val(),
365            chiffre = $('#chiffre').val();
366            inserat = $('#inserat').val();
367
368            if (validateForm() == true && chiffre != "") {
369                jQuery.ajax({
370                    type: 'POST',
371                    url: formsAjax.ajaxurl,
372                    data: {
373                        action: 'sendPraxisvitalcheckForm',
374                        'vorname': vorname,
375                        'nachname': nachname,
376                        'mail': email,
377                        'tel' : tel,
378                        'fax' : fax,
379                        'cont' : cont,
380                        'currentPage' : currPage,
381                        'mandant' : mandant,
382                        'toMail' : toMail,
383                        'chiffre' : chiffre,
384                        'inserat' : inserat
385                    },
386                    success: function (data, textStatus, XMLHttpRequest) {
387                       var successText = "Vielen Dank! Wir kümmern uns um Ihr Anliegen.";
388                       $('#kontaktStatus').addClass('formSent');
389                       $('#kontaktStatus').html(successText);
390                       $('#praxisvitalcheckForm .submit-col').remove();
391                       $('#dsgvoCheck').prop('checked', false);
392                       $('#agbCheck').prop('checked', false);
393                       $('html, body').animate({
394                        scrollTop: ($("#kontaktStatus").offset().top - 150)
395                        }, 1000);
396                    },
397                    error: function (xhr, ajaxOptions, thrownError) {
398                       var errortext = "Leider ist etwas schiefgelaufen! Bitte prüfen Sie Ihre Eingaben und probieren es gleich noch einmal oder nehmen per Mail Kontakt mit uns auf. (Fx0a1)";
399                       $('#kontaktStatus').addClass('formError');
400                       $('#kontaktStatus').html(errortext);
401                    }
402                });
403    
404            }   else {
405                
406            }
407
408    });
409
410    $('#formCallbackSubmit').on('click', function(e) {
411        e.preventDefault();
412
413        var name = $('#formName').val(),
414            email = $('#formEmail').val(),
415            tel = $('#formTel').val(),
416            cont = $('#formThema').val(),
417            date = $('#callbackDate').val(),
418            currPage = window.location.href,
419            toMail = $('#toMail').val();
420            ccMail = $('#ccMail').val();
421
422            if (validateForm() == true) {
423                jQuery.ajax({
424                    type: 'POST',
425                    url: formsAjax.ajaxurl,
426                    data: {
427                        action: 'sendCallbackForm',
428                        'name': name,
429                        'mail': email,
430                        'date' : date,
431                        'tel' : tel,
432                        'cont' : cont,
433                        'currentPage' : currPage,
434                        'toMail' : toMail,
435                        'ccMail' : ccMail
436                    },
437                    success: function (data, textStatus, XMLHttpRequest) {
438                       var successText = "Vielen Dank! Wir kümmern uns um Ihr Anliegen.";
439                       $('#kontaktStatus').addClass('formSent');
440                       $('#kontaktStatus').html(successText);
441                       $('.etlForm input').each(function() {
442                        $(this).val('');
443                       });
444                       $('#formCont').val('');
445                       $('#dsgvoCheck').prop('checked', false);
446                       $('html, body').animate({
447                        scrollTop: ($("#kontaktStatus").offset().top - 150)
448                    }, 1000);
449               
450
451                    },
452                    error: function (xhr, ajaxOptions, thrownError) {
453                       var errortext = "Leider ist etwas schiefgelaufen! Bitte probieren Sie es gleich noch einmal (Fx02)"; 
454                       $('#kontaktStatus').addClass('formError');
455                       $('#kontaktStatus').html(errortext);
456                       
457                    }
458                });
459    
460            }   else {
461                
462            }
463
464    });
465
466
467
468    $('#formUploadSubmit').on('click', function (e) {
469        e.preventDefault();
470
471        var anrede = $('#userAnrede').val(),
472            name = $('#formName').val(),
473            street = $('#userStreet').val(),
474            postC = $('#userPostc').val(),
475            city = $('#userCity').val(),
476            email = $('#formEmail').val(),
477            tel = $('#formTel').val(),
478            cont = $('#formCont').val(),
479            currPage = window.location.href,
480            toMail = $('#toMail').val();
481            ccMail = $('#ccMail').val();
482
483
484
485
486
487        if (validateForm() == true) {
488            
489            var dataz = new FormData();
490            dataz.append('action', 'sendUploadForm');
491            dataz.append('anrede', anrede);
492            dataz.append('name', name);
493            dataz.append('postC', postC);
494            dataz.append('street', street);
495            dataz.append('city', city);
496            dataz.append('mail', email);
497            dataz.append('tel', tel);
498            dataz.append('cont', cont);
499            dataz.append('toMail', toMail);
500            dataz.append('ccMail', ccMail);
501            dataz.append('currentPage', currPage);
502
503            $('.docUpload').each(function(i) {
504
505                var fileData = $(this).prop('files')[0]; 
506                if(fileData != undefined) {
507                dataz.append('file_' + i+'[]', fileData);
508            }
509            });
510
511            jQuery.ajax({
512                type: 'POST',
513                url: formsAjax.ajaxurl,
514                data: dataz,
515                contentType: false,
516                cache : false,
517                processData: false,
518                success: function (data, textStatus, XMLHttpRequest) {
519                    var successText = "Vielen Dank! Wir kümmern uns um Ihr Anliegen.";
520                    $('#kontaktStatus').addClass('formSent');
521                    $('#kontaktStatus').html(successText);
522                    $('.etlForm input').each(function () {
523                        $(this).val('');
524                    });
525                    $('#formCont').val('');
526                    $('#dsgvoCheck').prop('checked', false);
527                    $('html, body').animate({
528                        scrollTop: ($("#kontaktStatus").offset().top - 100)
529                    }, 1000);
530
531
532                },
533                error: function (xhr, ajaxOptions, thrownError) {
534                    var errortext = "Leider ist etwas schiefgelaufen! Bitte probieren Sie es gleich noch einmal (Fx03)";
535                    $('#kontaktStatus').addClass('formError');
536                    $('#kontaktStatus').html(errortext);
537                }
538            });
539
540        }
541
542    });
543
544    function validateForm() {
545        var isValid = true;
546        $('#dsgvoCheck').closest('label').removeClass('dsgvoRemind');
547        $('#agbCheck').closest('label').removeClass('dsgvoRemind');
548        $('.etlForm input.isRequired').each(function() {
549            $(this).removeClass('inputInvalid');
550            $(this).next('.noticeCont').html('');
551
552          if ( $(this).val() === '' ) {
553            $(this).addClass('inputInvalid');
554            $(this).next('.noticeCont').html('Bitte füllen Sie das Feld aus.');
555              isValid = false;

556          }
557        });
558        if($('#dsgvoCheck').prop('checked') == false) {
559            $('#dsgvoCheck').closest('label').addClass('dsgvoRemind');
560            isValid = false;
561        }
562        if($('#agbCheck').length && $('#agbCheck').prop('checked') == false) {
563            $('#agbCheck').closest('label').addClass('dsgvoRemind');
564            isValid = false;
565        }
566        return isValid;
567      }
568      $('.etlForm input.isRequired').change(function () {
569        $('.etlForm input').each(function() {
570            if ( $(this).val() !== '' )
571            $(this).removeClass('inputInvalid');
572            $(this).next('.noticeCont').html('');
573          });
574    });
575
576
577    $('.docWrapper input').bind('change', function() {
578        if(this.files[0].size > 15000000) {
579            
580            alert('Leider ist diese Datei zu groß.');
581            $(this).val('');
582        }
583    });
584
585    $('.docWrapperLogo input').on('change', function() {
586        var file = this.files[0];
587
588        if (!file) {
589            return;
590        }
591
592        var maxSize = 15 * 1024 * 1024;
593        var allowedExtensions = ['eps', 'pdf', 'ai', 'svg'];
594        var fileName = file.name.toLowerCase();
595        var extension = fileName.split('.').pop();
596
597        if (file.size > maxSize) {
598            alert('Leider ist diese Datei zu groß. Maximal erlaubt sind 15 MB.');
599            $(this).val('');
600            return;
601        }
602
603        if ($.inArray(extension, allowedExtensions) === -1) {
604            alert('Bitte laden Sie nur Dateien im Format EPS, PDF oder AI hoch.');
605            $(this).val('');
606            return;
607        }
608    });    
609
610});