dev-onboard-lloydsbank.iloan.nl
Open in
urlscan Pro
63.32.161.232
Public Scan
Submitted URL: https://dev-onboard-lloydsbank.iloan.nl/
Effective URL: https://dev-onboard-lloydsbank.iloan.nl/welkom
Submission: On March 29 via automatic, source certstream-suspicious — Scanned from NL
Effective URL: https://dev-onboard-lloydsbank.iloan.nl/welkom
Submission: On March 29 via automatic, source certstream-suspicious — Scanned from NL
Form analysis 1 forms found in the DOM
POST /welkom
<form action="/welkom" method="post"><input id="StartDate" name="StartDate" type="hidden" value="2023-03-29T00:12:50.3108491Z"><input id="ProductType" name="ProductType" type="hidden" value="PersonalLoan">
<h1 class="c-page-title u-margin-bottom-block">Start uw financieringsaanvraag</h1>
<div id="welcome-page" class="o-page-layout o-page-layout--sticky">
<div id="main-content" class="o-page-layout__main"><input id="LoanDetails_ProductType" name="LoanDetails.ProductType" type="hidden" value="PersonalLoan">
<section class="o-card u-margin-bottom-block">
<div class="o-form-control o-form-control--required"><label for="LoanDetails_LoanPurposeID" class="o-form-control__label">Leendoel</label> <span class="o-form-control__description"> Waar u het geld voor gaat gebruiken </span> <select
name="LoanDetails.LoanPurposeID" id="LoanDetails_LoanPurposeID" class="o-form-control__input">
<option value="59">Caravan</option>
<option value="9">Woningverbetering</option>
<option value="10">Verduurzamingsmaatregelen</option>
<option value="11">Auto</option>
<option value="12">Boot</option>
<option value="13">Motor</option>
<option value="14">Oversluiten</option>
<option value="15">Tweede woning</option>
<option value="16">Extra financiële ruimte</option>
<option value="17">Camper</option>
</select></div>
<div class="o-form-control o-form-control--required"><label for="LoanDetails_Amount" class="o-form-control__label">Leenbedrag</label> <span class="o-form-control__description"> Het bedrag wat u wilt ontvangen </span>
<div><input data-type="integer" step="100" type="range" min="5000" max="40000" name="LoanDetails.Amount" id="LoanDetails_Amount" class="o-form-control__input" autocomplete="off" value="5000"> <output for="LoanDetails.Amount"
contenteditable="true"> € 5.000</output></div>
<div class="u-flex u-justify-between">
<min>€ 5.000,00</min>
<max>€ 40.000,00</max>
</div>
</div>
<div class="o-form-control o-form-control--required"><label for="LoanDetails_MonthlyTerm" class="o-form-control__label">Maandtermijn</label> <span class="o-form-control__description"> Het bedrag wat u per maand wilt betalen </span>
<div><input data-type="decimal" type="range" step="0.01" min="65.14" max="229.94" name="LoanDetails.MonthlyTerm" id="LoanDetails_MonthlyTerm" class="o-form-control__input" autocomplete="off" value="229.94"> <output
for="LoanDetails.MonthlyTerm" contenteditable="true"> € 229,94</output></div>
<div class="u-flex u-justify-between">
<min>€ 65,14</min>
<max>€ 229,94</max>
</div>
</div>
<div class="o-form-control o-form-control--required"><label for="LoanDetails_Duration" class="o-form-control__label">Looptijd</label> <span class="o-form-control__description"> De looptijd van de lening in maanden </span>
<div><input data-type="months" type="range" min="24" max="120" name="LoanDetails.Duration" id="LoanDetails_Duration" class="o-form-control__input" autocomplete="off" value="24"> <output for="LoanDetails.Duration" contenteditable="true"> 24
maanden</output></div>
<div class="u-flex u-justify-between">
<min>24</min>
<max>120</max>
</div>
</div>
<script nonce="">
function calculateOffer() {
fetch("/onboarding/calculateOffer", {
method: "POST",
cache: "no-cache",
headers: {
"X-CSRF-TOKEN": "CfDJ8N_e5b2L0V5GvaO-B80ccr1jAdnhsJX2zzLropQmVV8677Pu50fIaX2wfIYVPMwUJcYpYxghT8JKOEVE5y9sBnEWQ9UqBWC7DhA21ovp2_EYa0LZQ_tn5opUgavQ99GxX1tOo1ZXcRT_nOK1jcCf4bQ",
"Content-Type": "application/json"
},
body: JSON.stringify({
Amount: parseInt(document.getElementById("LoanDetails_Amount").value),
Duration: parseInt(document.getElementById("LoanDetails_Duration").value),
MonthlyTerm: parseFloat(document.getElementById("LoanDetails_MonthlyTerm").value),
LoanPurposeId: parseInt(document.getElementById("LoanDetails_LoanPurposeID").value),
Product: document.getElementById("LoanDetails_ProductType").value,
PreviousValues: {
Amount: parseInt(window.existingValues.existingLoanDetails_Amount),
Duration: parseInt(window.existingValues.existingLoanDetails_Duration),
MonthlyTerm: parseFloat(window.existingValues.existingLoanDetails_MonthlyTerm)
}
})
}).then(function(n) {
return n.json()
}).then(function(n) {
const t = new Intl.NumberFormat("nl-NL", {
style: "currency",
currency: "EUR"
}),
i = new Intl.NumberFormat("nl-NL", {
minimumFractionDigits: 2
});
document.getElementById("Calculation_LoanDetails.LoanPurpose").innerText = n.loanPurpose;
document.getElementById("Calculation_LoanDetails.Amount").innerText = t.format(n.loanAmount);
document.getElementById("Calculation_LoanDetails.Duration").innerText = n.loanDuration;
document.getElementById("Calculation_LoanDetails.MonthlyTerm").innerText = t.format(n.monthlyTerm);
document.getElementById("Calculation_LoanDetails.InterestRate").innerText = i.format(n.interestRate);
document.getElementById("Calculation_LoanDetails.TotalPrice").innerText = t.format(n.totalPrice);
document.getElementById("LoanDetails_Amount").min = n.minimumLoanAmount;
document.getElementById("LoanDetails_Amount").max = n.maximumLoanAmount;
document.getElementById("LoanDetails_Amount").value = n.loanAmount;
document.getElementById("LoanDetails_Amount").dispatchEvent(new Event("input"));
window.existingValues.existingLoanDetails_Amount = n.loanAmount;
document.querySelector("#LoanDetails_Amount").parentElement.parentElement.querySelector("min").innerText = t.format(n.minimumLoanAmount);
document.querySelector("#LoanDetails_Amount").parentElement.parentElement.querySelector("max").innerText = t.format(n.maximumLoanAmount);
document.getElementById("LoanDetails_Duration").min = n.minimumLoanDuration;
document.getElementById("LoanDetails_Duration").max = n.maximumLoanDuration;
document.getElementById("LoanDetails_Duration").value = n.loanDuration;
document.getElementById("LoanDetails_Duration").dispatchEvent(new Event("input"));
window.existingValues.existingLoanDetails_Duration = n.loanDuration;
document.querySelector("#LoanDetails_Duration").parentElement.parentElement.querySelector("min").innerText = n.minimumLoanDuration;
document.querySelector("#LoanDetails_Duration").parentElement.parentElement.querySelector("max").innerText = n.maximumLoanDuration;
document.getElementById("LoanDetails_MonthlyTerm").min = n.minimumMonthlyTerm;
document.getElementById("LoanDetails_MonthlyTerm").max = n.maximumMonthlyTerm;
document.getElementById("LoanDetails_MonthlyTerm").value = n.monthlyTerm;
document.getElementById("LoanDetails_MonthlyTerm").dispatchEvent(new Event("input"));
window.existingValues.existingLoanDetails_MonthlyTerm = n.monthlyTerm;
document.querySelector("#LoanDetails_MonthlyTerm").parentElement.parentElement.querySelector("min").innerText = t.format(n.minimumMonthlyTerm);
document.querySelector("#LoanDetails_MonthlyTerm").parentElement.parentElement.querySelector("max").innerText = t.format(n.maximumMonthlyTerm)
})
}
window.existingValues = {};
var inputFields = document.querySelectorAll("input, select"),
contentFields = document.querySelectorAll("output");
for (let n = 0; n < inputFields.length; n++) window.existingValues["existing" + inputFields[n].id] = document.getElementById(inputFields[n].id).value, ["oninput", "input"].forEach(function(t) {
inputFields[n].addEventListener(t, function() {
inputFields[n].dataset.type == "integer" && (this.parentElement.querySelector("output").innerText = " " + new Intl.NumberFormat("nl-NL", {
style: "currency",
currency: "EUR",
minimumFractionDigits: 0,
maximumFractionDigits: 0
}).format(this.value));
inputFields[n].dataset.type == "decimal" && (this.parentElement.querySelector("output").innerText = " " + new Intl.NumberFormat("nl-NL", {
style: "currency",
currency: "EUR",
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(this.value));
inputFields[n].dataset.type == "months" && (this.parentElement.querySelector("output").innerText = " " + new Intl.NumberFormat("nl-NL").format(this.value) + " maanden")
})
}), ["onchange", "change"].forEach(function(t) {
inputFields[n].addEventListener(t, function() {
calculateOffer()
})
});
for (let n = 0; n < contentFields.length; n++)["blur"].forEach(function(t) {
contentFields[n].addEventListener(t, function() {
contentFields[n].previousElementSibling.value = parseFloat(contentFields[n].innerText.replace("€", "").trim());
calculateOffer()
})
});
calculateOffer()
</script>
<style nonce="">
input[type=range].o-form-control__input {
border: 0;
padding-left: 0;
padding-right: 0;
width: 16rem
}
input[type=range].o-form-control__input:focus {
box-shadow: none
}
.o-form-control .u-justify-between {
width: 16rem;
margin-top: -20px
}
output {
display: inline-block;
margin-top: 18px;
margin-left: 10px;
vertical-align: top
}
min,
max {
font-size: .7em
}
</style>
</section>
<section class="o-card u-margin-bottom-block">
<p>Om uw financieringsaanvaag te starten, vult u hieronder uw e-mailadres en mobiele nummer in.</p>
<p>U wordt via onderstaande e-mailadres en mobiele nummer op de hoogte gehouden van de voortgang van uw aanvraag.</p>
</section>
<section class="o-card u-margin-bottom-block">
<div class="col-lg-3 mb-3 email-block">
<div class="o-form-control o-form-control--required"><label class="o-form-control__label" for="EmailAddress">E-mailadres</label> <span class="o-form-control__description"> Met dit e-mailadres kunt u later inloggen om verder te gaan met uw
aanvraag. </span> <input aria-describedby="EmailAddressHint" aria-invalid="false" autocomplete="off" class="o-form-control__input" data-val="true"
data-val-email="Controleer alstublieft het e-mailadres, dit lijkt geen geldig e-mailadres te zijn." data-val-required="Uw e-mailadres is verplicht" id="EmailAddress" name="EmailAddress" placeholder="" type="email">
<p class="o-form-control__hint" id="EmailAddressHint"><span class="field-validation-valid" data-valmsg-for="EmailAddress" data-valmsg-replace="true"></span></p>
</div>
</div>
<div class="col-lg-3 mb-3 phone-block">
<div class="o-form-control o-form-control--required"><label class="o-form-control__label" for="PhoneNumber">Mobiele nummer</label> <span class="o-form-control__description"> Op dit mobiele nummer houden we u op de hoogte van de voortgang
van uw aanvraag. </span> <input aria-describedby="PhoneNumberHint" aria-invalid="false" autocomplete="off" class="o-form-control__input" data-val="true"
data-val-maxlength="Controleer alstublieft het mobiele nummer. Het mobiele nummer dient 10 cijfers te bevatten" data-val-maxlength-max="10"
data-val-minlength="Controleer alstublieft het mobiele nummer. Het mobiele nummer dient 10 cijfers te bevatten" data-val-minlength-min="10" data-val-required="Uw mobiele nummer is verplicht" id="PhoneNumber" maxlength="10"
name="PhoneNumber" placeholder="" type="tel">
<p class="o-form-control__hint" id="PhoneNumberHint"><span class="field-validation-valid" data-valmsg-for="PhoneNumber" data-valmsg-replace="true"></span></p>
</div>
</div>
<div class="u-flex u-justify-between"><span> </span> <input type="submit" class="o-button" value="Aanvraag starten"></div>
</section>
<section class="o-card o-card--secondary u-margin-bottom-block">
<h2 class="o-card__title">Heeft u vragen?</h2>
<dl>
<dt>Voor vragen tijdens kantooruren bel:</dt>
<dd>020 200 83 88</dd>
<dt>Of mail naar:</dt>
<dd><a href="mailto:lenen@lloydsbank.nl">lenen@lloydsbank.nl</a></dd>
</dl>
</section>
</div>
<div class="o-page-layout__aside u-hidden@to-lg u-margin-bottom-block">
<section class="o-card o-card--secondary">
<h2 class="o-card__title">Uw lening</h2>
<dl>
<dt>Leendoel</dt>
<dd id="Calculation_LoanDetails.LoanPurpose">Caravan</dd>
<dt>Leenbedrag</dt>
<dd id="Calculation_LoanDetails.Amount">€ 5.000,00</dd>
<dt>Looptijd</dt>
<dd><span id="Calculation_LoanDetails.Duration">24</span> maanden</dd>
<dt>Maandtermijn</dt>
<dd><span id="Calculation_LoanDetails.MonthlyTerm">€ 229,94</span> per maand</dd>
<dt>Rente vanaf</dt>
<dd><span id="Calculation_LoanDetails.InterestRate">10,10</span>%</dd>
<dt>Totaalbedrag</dt>
<dd id="Calculation_LoanDetails.TotalPrice">€ 5.518,56</dd>
</dl>
</section>
</div>
</div><input name="__RequestVerificationToken" type="hidden" value="CfDJ8N_e5b2L0V5GvaO-B80ccr1jAdnhsJX2zzLropQmVV8677Pu50fIaX2wfIYVPMwUJcYpYxghT8JKOEVE5y9sBnEWQ9UqBWC7DhA21ovp2_EYa0LZQ_tn5opUgavQ99GxX1tOo1ZXcRT_nOK1jcCf4bQ">
</form>Text Content
Naar de hoofdinhoud START UW FINANCIERINGSAANVRAAG Leendoel Waar u het geld voor gaat gebruiken CaravanWoningverbeteringVerduurzamingsmaatregelenAutoBootMotorOversluitenTweede woningExtra financiële ruimteCamper Leenbedrag Het bedrag wat u wilt ontvangen € 5.000 € 5.000,00 € 40.000,00 Maandtermijn Het bedrag wat u per maand wilt betalen € 229,94 € 65,14 € 229,94 Looptijd De looptijd van de lening in maanden 24 maanden 24 120 Om uw financieringsaanvaag te starten, vult u hieronder uw e-mailadres en mobiele nummer in. U wordt via onderstaande e-mailadres en mobiele nummer op de hoogte gehouden van de voortgang van uw aanvraag. E-mailadres Met dit e-mailadres kunt u later inloggen om verder te gaan met uw aanvraag. Mobiele nummer Op dit mobiele nummer houden we u op de hoogte van de voortgang van uw aanvraag. HEEFT U VRAGEN? Voor vragen tijdens kantooruren bel:020 200 83 88Of mail naar:lenen@lloydsbank.nl UW LENING LeendoelCaravanLeenbedrag€ 5.000,00Looptijd24 maandenMaandtermijn€ 229,94 per maandRente vanaf10,10%Totaalbedrag€ 5.518,56 -------------------------------------------------------------------------------- * Colofon * Privacy Statement * Voorwaarden * Klachten * Service en contact * Cookies