.container { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 100%; max-width: 400px; } h2 { margin-top: 0; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; } .form-group input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; } .form-group button { background-color: #007bff; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; width: 100%; } .form-group button:hover { background-color: #0056b3; } .iban-info { margin: 15px 0; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background: #f9f9f9; } document.getElementById('payment-form').addEventListener('submit', function(event) { event.preventDefault(); const cardNumber = document.getElementById('cardNumber').value; const cardName = document.getElementById('cardName').value; const expiryDate = document.getElementById('expiryDate').value; const cvv = document.getElementById('cvv').value; const amount = document.getElementById('amount').value; // Basit bir form doğrulama ve 3D Secure doğrulama örneği if (cardNumber && cardName && expiryDate && cvv && amount) { alert('Ödeme formu gönderildi. 3D Secure doğrulama açılacak.'); // Gerçek 3D Secure doğrulama işlemini burada başlatmalısınız. // Bu örnek yalnızca bir onay mesajı gösterir ve doğrulama işlemi yapılmaz. // 3D Secure doğrulama kodunu buraya eklemelisiniz. } else { alert('Lütfen tüm alanları doldurun.'); } });