CINXE.COM
Log in met Kia Account
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" class="login-pf" lang="nl" > <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="noindex, nofollow"> <meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT"> <meta http-equiv="Expires" content="-1"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta name="viewport" content="width=device-width,initial-scale=1"/> <title>Log in met Kia Account</title> <link rel="icon" href="/auth/resources/19ggl/login/kia-account-2022/img/favicon.ico?v=2" /> <!-- OneTrust Cookies Consent Notice start for eu-account.kia.com --> <script type="text/javascript" src="https://cdn.cookielaw.org/consent/dea61314-e1fe-4d63-8605-6b28e56f24ea/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="dea61314-e1fe-4d63-8605-6b28e56f24ea" ></script> <script type="text/javascript">function OptanonWrapper() { }</script> <!-- OneTrust Cookies Consent Notice end for eu-account.kia.com --> <link href="/auth/resources/19ggl/login/kia-account-2022/node_modules/bootstrap/dist/css/bootstrap.css?v=10" rel="stylesheet" /> <link href="/auth/resources/19ggl/login/kia-account-2022/css/kia-login-2022.css?v=10" rel="stylesheet" /> <script src="/auth/resources/19ggl/login/kia-account-2022/node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script> <script src="/auth/resources/19ggl/login/kia-account-2022/node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script> <script src="/auth/resources/19ggl/login/kia-account-2022/js/utils.js?v=3" type="text/javascript"></script> <script src="/auth/resources/19ggl/login/kia-account-2022/js/css-vars-ponyfill.js" type="text/javascript"></script> <script type="text/javascript"> cssVars({}); const bgImgPath = []; bgImgPath[0] = [ "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-1.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-2.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-3.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-4.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-5.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-6.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-600x400-7.jpg?v=3" ]; bgImgPath[1] = [ "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-1.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-5.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-7.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-4.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-5.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-1.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-410x550-7.jpg?v=3" ]; bgImgPath[2] = [ "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-1.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-2.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-3.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-4.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-5.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-3.jpg?v=3" , "/auth/resources/19ggl/login/kia-account-2022/img/kia-860x540-7.jpg?v=3" ] $(document).ready(function () { initImgSrc(); startShowBGImgs(); let NORMAL_BODY_FONT_SIZE = 14; if(parseInt(window.getComputedStyle(document.body, null).getPropertyValue('font-size'), 10) > NORMAL_BODY_FONT_SIZE){ //console.log("change font size") let currentFontSize = parseInt(window.getComputedStyle(document.body, null).getPropertyValue('font-size'), 10); let mainFontSize = NORMAL_BODY_FONT_SIZE; let mainLineHeight = 18; let ratioNum = mainFontSize/currentFontSize; let newFontSize = Math.round(mainFontSize * ratioNum); let newLineHeight = Math.round(mainLineHeight * ratioNum); let mainH2FontSize = 22; let mainH2LineHeight = 28; let newH2FontSize = Math.round(mainH2FontSize * ratioNum); let newH2LineHeight = Math.round(mainH2LineHeight * ratioNum); let mainSpanInfoFontSize = 10; let mainSpanInfoLineHeight = 12; let newSpanInfoFontSize = Math.round(mainSpanInfoFontSize * ratioNum); let newSpanInfoLineHeight = Math.round(mainSpanInfoLineHeight * ratioNum); let mainGlyphiconLineHeight = 34; let newGlyphiconLineHeight = Math.round(mainGlyphiconLineHeight * ratioNum); newFontSize += "px"; newLineHeight += "px"; newH2FontSize += "px"; newH2LineHeight += "px"; newSpanInfoFontSize += "px"; newSpanInfoLineHeight += "px"; $("body").css("font-size", newFontSize); $("a").css("font-size", newFontSize); $("button").css("font-size", newFontSize); $("input").css("font-size", newFontSize); $("body").css("line-height", newLineHeight); $("a").css("line-height", newLineHeight); $("button").css("line-height", newLineHeight); $("input").css("line-height", newLineHeight); $("h2").css("font-size", newH2FontSize); $("h2").css("line-height", newH2LineHeight); $("span.info").css("font-size", newSpanInfoFontSize); $("span.info").css("line-height", newSpanInfoLineHeight); $("span.error").css("font-size", newSpanInfoFontSize); $("span.error").css("line-height", newSpanInfoLineHeight); $("span.glyphicon").css("font-size", newFontSize); $("span.glyphicon").css("line-height", newLineHeight); //console.log($("body").css("font-size")); } var year = new Date().getFullYear(); var copyrightText = "漏 " + year + " Kia Corporation"; document.getElementById("copyrightText").innerHTML = copyrightText; }); function initImgSrc() { $("#BG_Img11").attr("src", bgImgPath[0][0]); $("#BG_Img21").attr("src", bgImgPath[1][0]); $("#BG_Img31").attr("src", bgImgPath[2][0]); } function startShowBGImgs() { const bgImgList = []; bgImgList[0] = {idx:1, interval:3000, idPrefix:"#BG_Img1"}; bgImgList[1] = {idx:1, interval:5000, idPrefix:"#BG_Img2"}; bgImgList[2] = {idx:1, interval:7000, idPrefix:"#BG_Img3"}; for (let i = 0; i < bgImgList.length; i++) { const bgImgDic = bgImgList[i]; //var intervalTime = Math.round(Math.random() * 6000 + 3000); setInterval(function () { let curIdx = bgImgDic.idx; var nextIdx = bgImgDic.idx + 1; if (nextIdx === 8) { nextIdx = 1; } bgImgDic.idx = nextIdx; // Get Img let nextImgId = bgImgDic.idPrefix + nextIdx; if ($(nextImgId).attr("src") == "") { $(nextImgId).attr("src", bgImgPath[i][nextIdx - 1]); } $(bgImgDic.idPrefix + curIdx).fadeTo(1000, 0.0); $(bgImgDic.idPrefix + nextIdx).fadeTo(1000, 1.0); }, bgImgDic.interval); } } </script> <style> .dropdown-content { display: none; position: absolute; right: 0; text-align: right; /*background-color: rgba(235,236,238,0.9);*/ background-color: rgba(255,255,255,0.9); min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; max-height: 300px; overflow: auto; } .dropdown-content a { color: #05141f; margin: 3px; padding: 5px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { color: white; margin: 3px; background-color: #05141F; } .dropdown:hover .dropdown-content { display: block; } #BG_Img1 , #BG_Img2 , #BG_Img3 { transition : none; } html,body { text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; } </style> </head> <body class=""> <main> <section class="background"> <div class="image image1"> <img id="BG_Img11" src="" class="visible"> <img id="BG_Img12" src="" class="visible" style="display:none;"> <img id="BG_Img13" src="" class="visible" style="display:none;"> <img id="BG_Img14" src="" class="visible" style="display:none;"> <img id="BG_Img15" src="" class="visible" style="display:none;"> <img id="BG_Img16" src="" class="visible" style="display:none;"> <img id="BG_Img17" src="" class="visible" style="display:none;"> </div> <div class="image image2"> <img id="BG_Img21" src="" class="visible"> <img id="BG_Img22" src="" class="visible" style="display:none;"> <img id="BG_Img23" src="" class="visible" style="display:none;"> <img id="BG_Img24" src="" class="visible" style="display:none;"> <img id="BG_Img25" src="" class="visible" style="display:none;"> <img id="BG_Img26" src="" class="visible" style="display:none;"> <img id="BG_Img27" src="" class="visible" style="display:none;"> </div> <div class="image image3"> <img id="BG_Img31" src="" class="visible"> <img id="BG_Img32" src="" class="visible" style="display:none;"> <img id="BG_Img33" src="" class="visible" style="display:none;"> <img id="BG_Img34" src="" class="visible" style="display:none;"> <img id="BG_Img35" src="" class="visible" style="display:none;"> <img id="BG_Img36" src="" class="visible" style="display:none;"> <img id="BG_Img37" src="" class="visible" style="display:none;"> </div> </section> <section class="form"> <div class="logo">Account</div> <div class="form"> <div class="text"> <h2 id="FormTopTitle"></h2> <p id="FormTopTxt"></p> <p id="FormTopTxtSub"></p> </div> <form action="https://eu-account.kia.com/auth/realms/eukiaidm/login-actions/authenticate?session_code=QChSTQn90Muif3xXivPMGtoXSPcpA5R3knbsQZlxoUM&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&client_id=kia-default&tab_id=pIny1AU4Z3Y" method="post" id="FormMain" > <div class="input" id="RStep1"> <div class="input-group"> <input type="text" id="FormEmail" name="username" value="" placeholder="" autocomplete="off" /> <span id="email-feedback" class="glyphicon form-control-feedback"></span> </div> </div> <div class="input" id="RStep2" style="display:none;"> <div class="input-group" style="margin-bottom:30px; border-bottom: 1px solid #FFFFFF; padding-bottom:1px;"> <div class="input-group" style="width : 100%"> <input type="password" id="FormPassword" name="password" placeholder="Wachtwoord*" value="" autocomplete="new-password" style="border-bottom: none;"> <span id="password-validator-feedback" class="glyphicon form-control-feedback"></span> </div> <span id="password-feedback" class="glyphicon glyphicon-eye-open input-group-addon"></span> </div> <label> Ingelogd blijven <br/><br/> <a href="/auth/realms/eukiaidm/login-actions/reset-credentials?client_id=kia-default&tab_id=pIny1AU4Z3Y">Wachtwoord vergeten?</a> <input type="checkbox" id="FormRememberMe" name="rememberMe" > <span onclick=""></span> </label> </div> <input type="hidden" id="id-hidden-input" name="credentialId" /> <div class="button"> <div id="loading" name="loading" class="spinner" style="display: none"></div> <button type="button" id="BtnLogin" onclick="nextBtnProcess()">Inloggen</button> <div id="BtnRegisterDiv"> <span> <br/></span> <a id="BtnRegister" href="/auth/realms/eukiaidm/login-actions/registration?client_id=kia-default&tab_id=pIny1AU4Z3Y" class="button">Registreren</a> </div> </div> </form> <div class="meta"> <a id="BackLinkA" href="#"><span id="BackLinkTxt"></span></a> <div id="LanDropdown" class="select dropdown"> <div class="selected">Nederlands</div> <div class="dropdown-content"> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=cs">膶e拧tina</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=da">Dansk</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=de">Deutsch</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=et">Eesti keel</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=en">English</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=es">Espa帽ol</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=fr">Fran莽ais</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=is">脥slensku</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=it">Italiano</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=lv">Latvietis</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=lt">Lietuvis</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=hu">Magyar</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=nl">Nederlands</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=no">Norsk</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=pl">Polskie</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=pt">Portugu锚s</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=ro">Rom芒n膬</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=sk">Sloven膷ina</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=fi">Suomi</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=sv">Svenska</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=el">螘位位畏谓喂魏维</a> <a href="/auth/realms/eukiaidm/login-actions/authenticate?client_id=kia-default&tab_id=pIny1AU4Z3Y&execution=8eee4545-fa39-4c5c-8722-20e40c8b1710&kc_locale=bg">斜褗谢谐邪褉褋泻懈</a> </div> </div> </div> </div> <script> let finalStep = 3; let currentStep = 1; let g_backLink = ""; let g_backLinkTxt = ""; $(document).ready(function () { //console.log("ready::::"); init_ui(); $("#FormEmail").on("input",function() { let isValidEmail = utils.validateEmailWithFeedback($("#FormEmail"), $("#email-feedback")); //console.log("validEmail: " + isValidEmail); setFormSubmitBtnDisabled(!isValidEmail); }); $("#FormPassword").on("input",function() { let isValid = utils.validateValue($("#FormPassword"), false); setFormSubmitBtnDisabled(!isValid); }); $("#password-feedback").on("click", function() { utils.showHidePassword($("#FormPassword"), $("#password-feedback")); }); $('.form').keypress((e) => { if (e.which === 13) { if (currentStep != 1) { if(!$('#BtnLogin').is(':disabled')) { e.preventDefault(); nextBtnProcess(); } } } }) }); function init_ui() { currentStep = 1; let emailPlaceholder = "E-mailadres"; $("#FormEmail").attr("placeholder", emailPlaceholder + "*"); if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)){ $("#FormRememberMe").prop('checked', true); } currentStepProcess(); } function currentStepProcess() { setBackLinkStatus(); setFormTopTitleStatus(); setNextButtonStatus(); check_step_valid(); if (currentStep === 2) { $("#RStep1").show(); $("#RStep2").hide(); $("#FormEmail").focus(); } else if (currentStep === 3) { $("#RStep1").hide(); $("#RStep2").show(); $("#FormPassword").focus(); } else { $("#RStep1").hide(); $("#RStep2").hide(); } } function setBackLinkStatus() { //console.log("setBackLinkStatus::::"); if (currentStep === 1) { $("#BackLinkTxt").html(g_backLinkTxt); $("#BackLinkA").attr("href", g_backLink); } else { $("#BackLinkTxt").html("< Terug"); $("#BackLinkA").attr("href", "javascript:prevBtnProcess();"); } } function setFormTopTitleStatus() { //console.log("setFormTopTitleStatus::::"); var hasAdminPortalLink = false; let loginTitleTxt = "Inloggen."; let welcomeTxt = "Welkom."; let loginTxt = ""; let sNmTxt = ""; loginTxt = "Log in op jouw _Z_Z_"; if (hasAdminPortalLink) { sNmTxt = "<a href='https://www.kia.com/ie/service/kia-account/' style='color:white;' onmouseover='this.style.color=\"white\";this.style.textDecoration=\"underline\"'>Kia Account</a>"; } else { sNmTxt = "Kia Account"; } loginTxt = loginTxt.replace("_Z_Z_", sNmTxt); loginTxt += "."; if (currentStep === 1) { let topSubTxt = "Registreer of log in op jouw account."; if (hasAdminPortalLink) { topSubTxt += "<br/><br/>"; topSubTxt += 'Weet u niet wat een Kia-account is? Leer het beter kennen.<br/>'; topSubTxt += '<a href="https://www.kia.com/ie/service/kia-account/">Kia-account informatiepagina</a>'; } $("#FormTopTitle").html(welcomeTxt); $("#FormTopTxtSub").html(topSubTxt); $("#FormTopTxtSub").show(); let topTxt = ""; $("#FormTopTxt").html(topTxt + "Maak gebruik van meerdere Kia-diensten met 茅茅n account.."); $("#LanDropdown").show(); } else if (currentStep === 2) { $("#FormTopTitle").html(loginTitleTxt); $("#FormTopTxt").html(loginTxt); $("#FormTopTxtSub").hide(); // Display server msg $("#LanDropdown").hide(); } else { $("#FormTopTitle").html(loginTitleTxt); $("#FormTopTxt").html(loginTxt); $("#FormTopTxtSub").hide(); $("#LanDropdown").hide(); } } function setNextButtonStatus() { //console.log("setNextButtonStatus::::"); if (currentStep === 1) { $("#BtnRegister").html("Registreren"); $("#BtnLogin").html("Inloggen"); $("#BtnRegisterDiv").show(); } else if (currentStep === 2) { $("#BtnRegisterDiv").hide(); $("#BtnLogin").html("Doorgaan"); } else { // currentStep == 3 $("#BtnRegisterDiv").hide(); $("#BtnLogin").html("Inloggen"); } } function check_step_valid() { //console.log("check_step_valid::::"); let isValid = true; if (currentStep === 2) { //isValid = utils.validateEmail($("#FormEmail").val()); isValid = utils.validateEmailWithFeedback($("#FormEmail"), $("#email-feedback")); } else if (currentStep === 3) { isValid = utils.validateValue($("#FormPassword"), false); //console.log("pw: " + $("#FormPassword").val() + " , " + isValid); } setFormSubmitBtnDisabled(!isValid); } function prevBtnProcess() { if (currentStep > 1) { currentStep--; currentStepProcess(); } } function nextBtnProcess() { //console.log("nextBtnProcess: " + currentStep); if (currentStep < finalStep) { currentStep++; currentStepProcess(); } else if (currentStep === finalStep) { $("#BtnLogin").hide(); $("#loading").show(); $("#FormMain").submit(); } } function setFormSubmitBtnDisabled(status) { $('#BtnLogin').attr('disabled',status); } </script> </section> </main> <footer> <ul> <li id="copyrightText">漏 2024 Kia Corporation</li> <li><a href="/auth/resources/19ggl/login/kia-account-2022/imprint_nl.html?v=3">Wettelijke bepalingen</a></li> <li><a href="/auth/resources/19ggl/login/kia-account-2022/legal_nl.html?v=3">Gebruiksvoorwaarden & privacybeleid</a></li> </ul> </footer> </body> </html>