24vapestore.de

/* Adres alanları: Straße ve Hausnummer ayrı kutu, PLZ sadece 5 rakam */ (function () { 'use strict'; // "Musterstraße 12a" -> ["Musterstraße", "12a"] function ayir(deger) { deger = (deger || '').trim(); var m = deger.match(/^(.*?)\s+(\d+\s*[a-zA-Z]?(?:\s*[-\/]\s*\d+\s*[a-zA-Z]?)?)$/); return m ? [m[1], m[2]] : [deger, '']; } function stilEkle() { if (document.getElementById('adres-alanlari-stil')) return; var s = document.createElement('style'); s.id = 'adres-alanlari-stil'; s.textContent = '.adres-sokak-satiri{display:flex;gap:10px;margin-bottom:10px}' + '.adres-sokak-satiri input{margin-bottom:0!important}' + '.adres-sokak-satiri .adres-sokak{flex:1 1 auto;min-width:0}' + '.adres-sokak-satiri .adres-no{flex:0 0 110px;width:110px!important}'; document.head.appendChild(s); } function sokakAlaniniBol(orijinal) { if (orijinal.getAttribute('data-adres-bolundu')) return; orijinal.setAttribute('data-adres-bolundu', '1'); var parca = ayir(orijinal.value); var hata = orijinal.classList.contains('has--error') ? ' has--error' : ''; var sinif = orijinal.className .replace(/\b(register|address)--field-street\b|\bhas--error\b|\bis--required\b/g, '') .trim(); var satir = document.createElement('div'); satir.className = 'adres-sokak-satiri'; var sokak = document.createElement('input'); sokak.type = 'text'; sokak.className = sinif + ' adres-sokak' + hata; sokak.placeholder = 'Straße*'; sokak.value = parca[0]; sokak.setAttribute('autocomplete', orijinal.getAttribute('autocomplete') || 'address-line1'); var no = document.createElement('input'); no.type = 'text'; no.className = sinif + ' adres-no' + hata; no.placeholder = 'Nr.*'; no.maxLength = 10; no.value = parca[1]; no.setAttribute('autocomplete', 'off'); function esitle() { orijinal.value = (sokak.value.trim() + ' ' + no.value.trim()).trim(); } // Tarayıcı otomatik doldurma "Musterstraße 12" yazarsa numarayı ayır sokak.addEventListener('change', function () { if (!no.value.trim()) { var p = ayir(sokak.value); if (p[1]) { sokak.value = p[0]; no.value = p[1]; } } esitle(); }); sokak.addEventListener('input', esitle); no.addEventListener('input', esitle); satir.appendChild(sokak); satir.appendChild(no); orijinal.parentNode.insertBefore(satir, orijinal); orijinal.type = 'hidden'; orijinal.adresSokak = sokak; orijinal.adresNo = no; } function plzAyarla(input) { if (input.getAttribute('data-plz-ayarli')) return; input.setAttribute('data-plz-ayarli', '1'); input.maxLength = 5; input.setAttribute('inputmode', 'numeric'); input.setAttribute('pattern', '[0-9]{5}'); input.setAttribute('title', 'Bitte eine 5-stellige PLZ eingeben'); input.addEventListener('input', function () { var temiz = this.value.replace(/\D/g, '').slice(0, 5); if (temiz !== this.value) this.value = temiz; }); } function tara(kok) { kok = kok || document; var i, liste; liste = kok.querySelectorAll('input[name$="[street]"]'); for (i = 0; i < liste.length; i++) sokakAlaniniBol(liste[i]); liste = kok.querySelectorAll('input[name$="[zipcode]"]'); for (i = 0; i < liste.length; i++) plzAyarla(liste[i]); } function gorunur(el) { return el.offsetParent !== null && !el.disabled; } function hataGoster(el, mesaj) { el.classList.add('has--error'); el.setCustomValidity(mesaj); el.reportValidity(); el.addEventListener('input', function temizle() { el.setCustomValidity(''); el.classList.remove('has--error'); el.removeEventListener('input', temizle); }); } // Göndermeden önce kontrol (gizli teslimat alanları atlanır) document.addEventListener('submit', function (e) { var form = e.target, i, hataliAlan = null; var sokaklar = form.querySelectorAll('input[data-adres-bolundu]'); for (i = 0; i < sokaklar.length && !hataliAlan; i++) { var o = sokaklar[i]; if (!o.adresSokak || !gorunur(o.adresSokak)) continue; if (!o.adresSokak.value.trim()) { hataliAlan = o.adresSokak; hataGoster(o.adresSokak, 'Bitte Straße eingeben'); } else if (!o.adresNo.value.trim()) { hataliAlan = o.adresNo; hataGoster(o.adresNo, 'Bitte Hausnummer eingeben'); } } var plzler = form.querySelectorAll('input[data-plz-ayarli]'); for (i = 0; i < plzler.length && !hataliAlan; i++) { if (gorunur(plzler[i]) && !/^\d{5}$/.test(plzler[i].value)) { hataliAlan = plzler[i]; hataGoster(plzler[i], 'Bitte eine 5-stellige PLZ eingeben'); } } if (hataliAlan) { e.preventDefault(); e.stopPropagation(); } }, true); function baslat() { stilEkle(); tara(); // Checkout'taki adres penceresi sonradan (ajax) yükleniyor if (window.MutationObserver) { new MutationObserver(function () { tara(); }) .observe(document.body, { childList: true, subtree: true }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', baslat); } else { baslat(); } })();

Anfrage-Formular