Request a Test Drive | Shopping Tools

<!DOCTYPE html> <html lang="en-SG"> <head> <title>Request a Test Drive | Shopping Tools | Kia Singapore</title> <meta charset="utf-8" />    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="keywords" content=""> <meta name="title" content="Request a Test Drive | Shopping Tools | Kia Singapore" /> <meta name="description" content="Ready to buy your favourite Kia model? Schedule an appointment with a Kia Dealer and get ready to test drive your preferred Kia model today.">  <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes"> <meta name="robots" content="NOODP, NOYDIR">  <meta name="kia_metrics_pagename" content="shopping tools|Request a Test Drive">  <link rel="canonical" href="https://www.kia.com/sg/shopping-tools/request-a-test-drive.html"> <link rel="shortcut icon" type="image/x-icon" href="/content/dam/kwcms/gt/en/images/new/favicon_new.png">  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Kia Singapore" /> <meta name="twitter:title" content="Request a Test Drive | Shopping Tools | Kia Singapore" /> <meta name="twitter:description" content="Ready to buy your favourite Kia model? Schedule an appointment with a Kia Dealer and get ready to test drive your preferred Kia model today." /> <meta name="twitter:image" content="/content/dam/kwcms/gt/en/images/new/main/main-hero-still-air-w-sns.jpg" /> <meta name="twitter:url" content="https://www.kia.com/sg/shopping-tools/request-a-test-drive.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Singapore" /> <meta property="og:title" content="Request a Test Drive | Shopping Tools | Kia Singapore" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Ready to buy your favourite Kia model? Schedule an appointment with a Kia Dealer and get ready to test drive your preferred Kia model today." /> <meta property="og:image" content="/content/dam/kwcms/gt/en/images/new/main/main-hero-still-air-w-sns.jpg" /> <meta property="og:url" content="https://www.kia.com/sg/shopping-tools/request-a-test-drive.html" /> <meta itemprop="name" content="Request a Test Drive | Shopping Tools | Kia Singapore"> <meta itemprop="description" content="Ready to buy your favourite Kia model? Schedule an appointment with a Kia Dealer and get ready to test drive your preferred Kia model today."> <meta itemprop="image" content="/content/dam/kwcms/gt/en/images/new/main/main-hero-still-air-w-sns.jpg"> <meta itemprop="keywords" content="kia, kia request, test drive, kia shopping, schedule a digital consultation"> <meta itemprop="url" content="https://www.kia.com/sg/shopping-tools/request-a-test-drive.html"/> <meta name="google-site-verification" content="Bdi8M3OL_k41KEnIHGD0C6G0iQKbJ0vx-SspByDIuhs" />  <script src="/etc/designs/kia-singapore/clientlib-libjs.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-singapore/clientlib-angular.js"></script> <link rel="stylesheet" href="/etc/designs/kia-singapore/clientlib.min.css" type="text/css"> <script src="/etc/designs/kia-singapore/clientlib.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-singapore/clientlib/js/font-load.js"></script> <link rel="stylesheet" href="/etc/designs/kia-global/clientlib/css/experience.css" type="text/css"> <script type="text/javascript" src="/etc/designs/kia-global/clientlib/js/experience.js"></script> <link rel="stylesheet" href="/etc/designs/kia-singapore/local-page.min.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/kia-singapore/new-wsg.min.css" type="text/css">   <script type="text/javascript"> var dtmDataLayer = {}; </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVBF8X9');</script>   <script type="text/javascript"> var axel = Math.random() + ""; var a = axel * 10000000000000; //document.write('<iframe src="ht' + 'tps://8300362.fls.doubleclick.net/activityi;src=8300362;type=kia_s0;cat=showr006;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); </script> <noscript> <iframe src="https://8300362.fls.doubleclick.net/activityi;src=8300362;type=kia_s0;cat=showr006;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=411370?" width="1" height="1" frameborder="0" style="display:none"></iframe> </noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '554853668427827'); fbq('track', 'PageView'); fbq('track', 'ViewContent'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=554853668427827&ev=PageView&noscript=1"/></noscript>    <script async src="https://www.googletagmanager.com/gtag/js?id=DC-8300362"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-8300362'); </script>    <script> window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'page_view' , 'page_name': 'shopping tools|Request a Test Drive' // 페이지명. Adobe Analytic page name을 설정하기 위해 설정한 meta tag중 "meta name = kia_metrics_pagename"에 설정된 content 값 입력, eg) <meta name="kia_metrics_pagename" content="cars | carnival | features"> , 'page_type': 'request-a-test-drive' //도메인을 제외한 URI의 2depth 카테고리명 입력, 단 Main의 경우 2depth가 없으므로 HOME으로 입력, eg) /shopping-tools/build-your-own --> build-your-own 입력 , 'prv_page_name': document.referrer == '' ? 'entry' : document.referrer // 다음 페이지로 이동 시 이전 페이지명 기록, 첫 페이지의 경우 이전 페이지명이 없으므로 'entry'라고 입력 }); //console.log( JSON.stringify( window.dataLayer[window.dataLayer.length-1] ) ); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TLVNBZQ');</script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://protect-au.mimecast.com/s/3WALCNLJVXtNYJoEhAFgzi?domain=googletagmanager.com'+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P8R3X5NC');</script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PBD97DL3');</script>   </head> <body>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TLVNBZQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://protect-au.mimecast.com/s/uTrICOMKWLhADl30hQzCT6?domain=googletagmanager.com" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PBD97DL3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://protect-au.mimecast.com/s/TC5NCgZ0A8fl95D5CWB5Y8?domain=googletagmanager.com" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script> // INSTRUCTIONS // The VersaTag code should be placed at the top of the <BODY> section of the HTML page. // To ensure that the full page loads as a prerequisite for the VersaTag // being activated (and the working mode is set to synchronous mode), place the tag at the bottom of the page. Note, however, that this may // skew the data for slow-loading pages, and in general is not recommended. // If the VersaTag code is configured to run in async mode, place the tag at the bottom of the page before the end of the <BODY > section. // // NOTE: You can test if the tags are working correctly before the campaign launches // as follows: Browse to http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=at, which is // a page that lets you set your local machine to 'testing' mode. In this mode, when // visiting a page that includes a VersaTag, a new window will open, showing you // the tags activated by the VersaTag and the data sent by the VersaTag tag to the Sizmek servers. // // END of instructions (These instruction lines can be deleted from the actual HTML) var versaTag = {}; versaTag.id = "6556"; versaTag.sync = 0; versaTag.dispType = "js"; versaTag.ptcl = "HTTP"; versaTag.bsUrl = "bs.serving-sys.com/BurstingPipe"; //VersaTag activity parameters include all conversion parameters including custom parameters and Predefined parameters. Syntax: "ParamName1":"ParamValue1", "ParamName2":"ParamValue2". ParamValue can be empty. versaTag.activityParams = { //Predefined parameters: "Session":"" //Custom parameters: }; //Static retargeting tags parameters. Syntax: "TagID1":"ParamValue1", "TagID2":"ParamValue2". ParamValue can be empty. versaTag.retargetParams = {}; //Dynamic retargeting tags parameters. Syntax: "TagID1":"ParamValue1", "TagID2":"ParamValue2". ParamValue can be empty. versaTag.dynamicRetargetParams = {}; // Third party tags conditional parameters and mapping rule parameters. Syntax: "CondParam1":"ParamValue1", "CondParam2":"ParamValue2". ParamValue can be empty. versaTag.conditionalParams = {}; </script> <script id="ebOneTagUrlId" src="http://ds.serving-sys.com/SemiCachedScripts/ebOneTag.js"></script> <noscript> <iframe src="http://bs.serving-sys.com/BurstingPipe? cn=ot& onetagid=6556& ns=1& activityValues=$$Session=[Session]$$& retargetingValues=$$$$& dynamicRetargetingValues=$$$$& acp=$$$$&" style="display:none;width:0px;height:0px"></iframe> </noscript> <script type='text/javascript'> // Conversion Name: Kia Beyond Microsite_Test drive_3 // INSTRUCTIONS // The Conversion Tags should be placed at the top of the <BODY> section of the HTML page. // In case you want to ensure that the full page loads as a prerequisite for a conversion // being recorded, place the tag at the bottom of the page. Note, however, that this may // skew the data in the case of slow-loading pages and in general not recommended. // // NOTE: It is possible to test if the tags are working correctly before campaign launch // as follows: Browse to http://bs.serving-sys.com/Serving/adServer.bs?cn=at, which is // a page that lets you set your local machine to 'testing' mode. In this mode, when // visiting a page that includes an conversion tag, a new window will open, showing you // the data sent by the conversion tag to the Sizmek servers. // // END of instructions (These instruction lines can be deleted from the actual HTML) var ebRand = Math.random()+''; ebRand = ebRand * 1000000; //<![CDATA[ document.write('<scr'+'ipt src="HTTPS://bs.serving-sys.com/Serving/ActivityServer.bs?cn=as&ActivityID=833136&rnd=' + ebRand + '"></scr' + 'ipt>'); //]]> </script> <noscript> <img width="1" height="1" style="border:0" src="HTTPS://bs.serving-sys.com/Serving/ActivityServer.bs?cn=as&ActivityID=833136&ns=1"/> </noscript>   <script type="text/javascript"> var axel = Math.random() + ""; var a = axel * 10000000000000; document.write('<iframe src="https://8300362.fls.doubleclick.net/activityi;src=8300362;type=kia_s00;cat=shopp000;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); </script> <noscript> <iframe src="https://8300362.fls.doubleclick.net/activityi;src=8300362;type=kia_s00;cat=shopp000;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe> </noscript>  <div class="accessbility"><a href="#content">Go to content</a></div> <div id="wrap"> <div id="header" class="main_header"> <div class="header_in">  <div class="logo_h1"><a href="/sg/main.html" class="lg_a"></a></div>   <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a>   <div class="gnb_area">  <div class="gnb_menu gnb-menu"> <ul class="gnb_nav">  <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="showroom">Showroom</a> <div class="dth2_u dth_pip select-car-header parbase"> <div class="car_tab"> <a href="#" class="sort_a sort_on"><span class="cmm_tspr spr_sort">All Vehicles</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Electric</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Hybrid</span></a> </div> <div class="car_grid on"> <strong class="hidden">All Vehicles</strong> <ul class="grid_u"> <li class="grid_l new_car"> <a href="/sg/showroom/sorento-hybrid.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="msg_vehicle_sorento-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="msg_vehicle_sorento-hybrid"> </span> <strong class="g_name">Sorento Hybrid</strong> </a> </li> <li class="grid_l new_car"> <a href="/sg/showroom/carnival-hybrid.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/sg/en/images/showroom/carnival-hybrid/246x130_GNB.png" alt="msg_vehicle_carnival-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/sg/en/images/showroom/carnival-hybrid/246x130_GNB.png" alt="msg_vehicle_carnival-hybrid"> </span> <strong class="g_name">Carnival Hybrid</strong> </a> </li> <li class="grid_l new_car"> <a href="/sg/showroom/ev9.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/EV9-MV-24my/kia-ev9-24my.png" alt="msg_vehicle_ev9"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/EV9-MV-24my/kia-ev9-24my.png" alt="msg_vehicle_ev9"> </span> <strong class="g_name">EV9</strong> </a> </li> <li class="grid_l "> <a href="/sg/showroom/niro-sg2-2023.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Niro-SG2-23MY/kia-sg2-23my.png" alt="msg_vehicle_niro-sg2-2023"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Niro-SG2-23MY/kia-sg2-23my.png" alt="msg_vehicle_niro-sg2-2023"> </span> <strong class="g_name">Niro Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/sg/showroom/niro-ev.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/tr/tr/images/showroom/niro-ev/niro-ev-thumbnail.png" alt="msg_vehicle_niro-ev"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/tr/tr/images/showroom/niro-ev/niro-ev-thumbnail.png" alt="msg_vehicle_niro-ev"> </span> <strong class="g_name">Niro EV</strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Electric</strong> <ul class="grid_u"> <li class="grid_l new_car"> <a href="/sg/showroom/ev9.html" class="grid_box"> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/EV9-MV-24my/kia-ev9-24my.png" alt="msg_vehicle_ev9"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/EV9-MV-24my/kia-ev9-24my.png" alt="msg_vehicle_ev9"> </span> <strong class="g_name">EV9</strong> </a> </li> <li class="grid_l "> <a href="/sg/showroom/niro-ev.html" class="grid_box"> <span class="g_img"><img src="/content/dam/kwcms/tr/tr/images/showroom/niro-ev/niro-ev-thumbnail.png" alt="msg_vehicle_niro-ev"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/tr/tr/images/showroom/niro-ev/niro-ev-thumbnail.png" alt="msg_vehicle_niro-ev"> </span> <strong class="g_name">Niro EV</strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Hybrid</strong> <ul class="grid_u"> <li class="grid_l new_car"> <a href="/sg/showroom/sorento-hybrid.html" class="grid_box"> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="msg_vehicle_sorento-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="msg_vehicle_sorento-hybrid"> </span> <strong class="g_name">Sorento Hybrid</strong> </a> </li> <li class="grid_l new_car"> <a href="/sg/showroom/carnival-hybrid.html" class="grid_box"> <span class="g_img"><img src="/content/dam/kwcms/sg/en/images/showroom/carnival-hybrid/246x130_GNB.png" alt="msg_vehicle_carnival-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/sg/en/images/showroom/carnival-hybrid/246x130_GNB.png" alt="msg_vehicle_carnival-hybrid"> </span> <strong class="g_name">Carnival Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/sg/showroom/niro-sg2-2023.html" class="grid_box"> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Niro-SG2-23MY/kia-sg2-23my.png" alt="msg_vehicle_niro-sg2-2023"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Niro-SG2-23MY/kia-sg2-23my.png" alt="msg_vehicle_niro-sg2-2023"> </span> <strong class="g_name">Niro Hybrid</strong> </a> </li> </ul> </div>  <div class="new_cars_type"> <ul> <li> <a href="/sg/showroom/ev.html" class="bl_type_a">Electric</a> </li> <li> <a href="/sg/showroom/hybrid.html" class="bl_type_a">Hybrid</a> </li> </ul> </div>  </div> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="shopping-tools">Shopping Tools</a> <ul class="dth2_u">  <li class="dth2_l"><a href="/sg/shopping-tools/find-a-dealer.html" class="dth2_a" data-ganame="find-a-dealer">Find a Dealer</a></li> <li class="dth2_l"><a href="/sg/shopping-tools/request-a-quote.html" class="dth2_a" data-ganame="request-a-quote">Request a Quote</a></li> <li class="dth2_l"><a href="/sg/shopping-tools/request-a-test-drive.html" class="dth2_a" data-ganame="request-a-test-drive">Request a Test Drive</a></li> <li class="dth2_l"><a href="/sg/shopping-tools/request-a-brochure.html" class="dth2_a" data-ganame="request-a-brochure">Request a Brochure</a></li> <li class="dth2_l"><a href="/sg/shopping-tools/request-a-pricelist.html" class="dth2_a" data-ganame="request-a-pricelist">Request a Pricelist</a></li> <li class="dth2_l"><a href="/sg/shopping-tools/motor-insurance.html" class="dth2_a" data-ganame="motor-insurance">Motor Insurance</a></li> <li class="dth2_l"><a href="/sg/shopping-tools/pre-owned-cars.html" class="dth2_a" data-ganame="pre-owned-cars">Pre-owned Cars</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="owners">Owners</a> <ul class="dth2_u">  <li class="dth2_l"><a href="/sg/owners/kia-service.html" class="dth2_a" data-ganame="kia-service">Kia Service</a></li> <li class="dth2_l"><a href="/sg/owners/book-a-service.html" class="dth2_a" data-ganame="book-a-service">Book a Service</a></li> <li class="dth2_l"><a href="/sg/owners/service-offers.html" class="dth2_a" data-ganame="service-offers">Service Offers</a></li> <li class="dth2_l"><a href="/sg/owners/parts-accessories.html" class="dth2_a" data-ganame="parts-accessories">Parts & Accessories</a></li> <li class="dth2_l"><a href="/sg/owners/warranty-recalls.html" class="dth2_a" data-ganame="warranty-recalls">Warranty & Recalls</a></li> <li class="dth2_l"><a href="/sg/owners/roadside-assistance.html" class="dth2_a" data-ganame="roadside-assistance">Roadside Assistance</a></li> <li class="dth2_l"><a href="/sg/owners/owner-resources.html" class="dth2_a" data-ganame="owner-resources">Owner Resources</a></li> <li class="dth2_l"><a href="/sg/owners/connectivity.html" class="dth2_a" data-ganame="connectivity">Connectivity</a></li> <li class="dth2_l"><a href="/sg/owners/ev-experience.html" class="dth2_a" data-ganame="ev-experience">EV Experience</a></li> </ul> </li> </ul>  <ul class="gnb_nav gnb_right"> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="discover-kia">Discover Kia</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/sg/discover-kia/our-movement.html" class="dth2_a" data-ganame="discover-kia">Our Movement</a></li> <li class="dth2_l"><a href="/sg/discover-kia/pbv.html" class="dth2_a" data-ganame="discover-kia">PBV</a></li> <li class="dth2_l"><a href="/sg/discover-kia/sponsorship.html" class="dth2_a" data-ganame="discover-kia">Sponsorship</a></li> <li class="dth2_l"><a href="/sg/discover-kia/brand-campaign.html" class="dth2_a" data-ganame="discover-kia">Brand Campaign</a></li> <li class="dth2_l"><a href="/sg/discover-kia/sustainability.html" class="dth2_a" data-ganame="discover-kia">Sustainability</a></li> <li class="dth2_l"><a href="/sg/discover-kia/ev-day.html" class="dth2_a" data-ganame="discover-kia">EV Day</a></li> <li class="dth2_l"><a href="/sg/discover-kia/ao2025.html" class="dth2_a" data-ganame="discover-kia">AO 2025</a></li> </ul> </li> </ul>  </div>   <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="/sg/util/local-company.html" class="util_a" target="_self" data-ganame="local-company">Local Company</a></li> <li class="util_l"><a href="/sg/util/news.html" class="util_a" target="_self" data-ganame="news">News</a></li> <li class="util_l"><a href="/sg/util/promotion.html" class="util_a" target="_self" data-ganame="promotion">Promotion</a></li> <li class="util_l"><a href="/sg/util/customer-center/contact-us.html" class="util_a" target="_self" data-ganame="contact-us">Contact Us</a></li> <li class="util_l"><a href="/sg/util/customer-center/privacy-policy.html" class="util_a" target="_self" data-ganame="privacy-policy">Privacy Policy</a></li> </ul>  <div class="util_light_link"> <a href="/sg/util/kia-global.html" class="util_a" data-ganame="country_selector">Country Selector</a> </div>  <div class="util_find_dealer"> <a href="/sg/shopping-tools/find-a-dealer.html" data-ganame="find_a_dealer">Find a Dealer</a> </div>  <div class="util_search">  <div class="u_sch_button"> <a href="#" class="sch_act_btn"> <span class="ico_txt">Search</span> </a> </div>  <div class="u_sch_box"> <form action="/sg/util/search.html" method="get"> <input type="text" name="q" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Search"> <button type="submit" class="sch_btn" title="Search" onclick="$GT.topSearch();"><span class="cmm_spr spr_search">Search</span></button> </form> </div> </div></div>   <div class="menu_build gnb-build" style="min-width:100px;"> <div class="go_build"> </div> </div>   <div class="hidden">Util Menu</div> </div>   <div class="m_sch_area"> <a href="#url" class="open_search"><span class="blind">open search</span></a> <div class="search_area"> <form action="/sg/util/search.html" method="get"> <input type="text" name="q" id="m_sch_box" class="search_txt" title="Search Keyword" placeholder="Search"> <button type="submit" class="search_btn" title="Search button"><span class="blind">Search</span></button> </form> </div> <a href="#url" class="close_search"><span class="blind">close search</span></a> </div>  <script> (function() { $(document).ready(function() { $('.open_search').on('click', function() { $(this).addClass('on'); $(this).next('.search_area').slideDown(200); setTimeout(function() { $('.close_search').css('display', 'block'); }, 200); }); $('.close_search').on('click', function() { $('.open_search').removeClass('on'); $(this).css('display', 'none'); $(this).prev('.search_area').slideUp(200); }); }); })(); </script>   <script type="text/javascript"> (function($) { $(".sch_inp").keydown(function(evt) { if (evt.keyCode == 13){ //2018.05.14 enter search - kdh submit(); } }); window.$GT = $.extend(window.$GT || {}, { topSearch: function(q, obj) { if (!obj) { obj = $("#txtTopSearch"); } else { if (typeof(obj) === "string") { obj = $("#" + obj); } else { obj = $(obj); } } if (!q) { q = obj.val(); if (!q || q == "") { q = obj.text(); } } location.href = "/sg/util/search.html?" + $.param({ q: q }); } }); })(jQuery); </script></div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1014625296"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1014625296'); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NVBF8X9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="content" class="subContents"> <div class="par parsys"><div class="global-title parbase section"> <div class="content_title">  <h1 class="con_tit"><p>Request a Test Drive</p> </h1> <div class="con_navi"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/sg/main.html" property="item" typeof="WebPage"><span class="cmm_spr spr_home" property="name">Home</span><span class="gt">></span></a> <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/sg/shopping-tools.html" property="item" typeof="WebPage"><span class="depth" property="name">shopping tools</span><span class="gt">></span></a> <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current"property="name">Request a Test Drive</strong> <meta property="position" content= 3> </li> </ol> </div> </div></div> <div class="request-a-test-drive-new contentpage section">  <script type="text/javascript"> var axel = Math.random() + ""; var a = axel * 10000000000000; document.write('<iframe src="https://8300362.fls.doubleclick.net/activityi;src=8300362;type=kia_t0;cat=kiaco0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); </script> <noscript> <iframe src="https://8300362.fls.doubleclick.net/activityi;src=8300362;type=kia_t0;cat=kiaco0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe> </noscript>  <script type="text/javascript"> $(document).ready(function(){ if(!true){ window.open("/sg/shopping-tools/request-a-test-drive.html","_self"); } $("input[id='pdate']").attr("readonly",true); // #55505 #54411 #54714 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'test drive', 'event_label': 'start' }); $('.car-selector2.section').on('click.datalayer', '.car_box', function() { // select 동작 시에만 push. select해제 동작 시에는 push안되도록. if( $(this).find('.car_a.on').length == 0 ) return; // #55505 #54411 #54714 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'test drive', 'event_label': 'select car', 'vehicle_name': $(this).find(".car_name").text() }); }); // trim 태깅 $('div.stepCon.trimSection').on('click.datalayer', '.trimSection' , function(e) { // 클릭됐다면 캡쳐링 되지않도록 return처리 if( $(this).hasClass('clicked') ) { // } else { // 모든 trim li 에서 clicked 마킹 클래스 제거 $('div.stepCon.trimSection li.trimSection').removeClass("clicked"); // clicked 마킹 클랙스 삽입. $(this).toggleClass('clicked'); // #55505 #54411 #54714 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'test drive', 'event_label': 'select trim', 'vehicle_trim': $(this).find('label').text() }) } }); }); //require variables for car-selector component var _over_selected_message_ = "Exceeds the number of vehicles to choose."; var _max_count_vehicle_selected_ = parseInt("1", 10); var _selected_vehicle_ = null; var _suffix_selected_vehicle_ = getSuffixMapFromURL(); var _reference_controller_scope_ = null; //require variables for userdata-keyin, userdata-view component var _user_data_ = null; //require variables for userdata-view component var _userdata_view_scope_ = null; var _vehicle_data_ = _selected_vehicle_; var _vehicle_trim_data_ = null; var _vehicle_trim_code_ = null; var _dealer_data_ = null; var _center_data_ = null; var _carType = null; var _vehicle_name = null; var _trim_name = null; //2020.01.22 #43638 var _vehicle_carCode = null; //#52299 //var responseCode = {"result":"Success","getResponseCode":"{\"attributes\":{\"type\":\"Lead\",\"url\":\"/services/data/v42.0/sobjects/Lead/00QO0000009wP8tMAE\"},\"Id\":\"00QO0000009wP8tMAE\"}","responseMessage":"OK","responseCode":200}; //require variables for dealer-info component var _selected_dealer_ = null; kwcmsApp.controller("requestatestdrive.steps", function($scope, $timeout, HttpService) { //reference_controller_scope _reference_controller_scope_ = $scope; //current step $scope.step = ""; //carlist $scope.cars = null; //user data $scope.userData = null; //initialize $scope.init = function () { $scope.step = "1"; }; //change step method $scope.stepChange = function (step) { //_dealer_search_.resetSearch(); $scope.step = step; }; $scope.checkedBoxArray = function(){ $rootScope.checkBoxList = []; angular.element(".c_on").each(function(index) { $rootScope.checkBoxList[index] = angular.element(this).attr("value"); }); }; $scope.SelectedCarTrim = []; $scope.SelectedCarTrimCode = []; $scope.fnSelectTrim = function(){ var isfalse = false; if($(":input:radio[name^='Trim_']:checked").val()){ isfalse = true; $scope.selectedTrim = $(":radio[name^='Trim_']:checked").val(); $scope.selectedTrimName = $(":radio[name^='Trim_']:checked").attr("trimName"); $(":input:radio[name^='Trim_']:checked").each(function(idx){ $scope.SelectedCarTrim[idx] = $(this).attr("trimDisplayName"); //#43638 DisplayName으로 수정 var idxCar = $(this).attr("id").split("_")[1]; var idxTrim = $(this).attr("id").split("_")[2]; $scope.SelectedCarTrimCode[idx] = $scope.cars[idxCar].carTrimCode[idxTrim]; }); _vehicle_trim_data_ = $scope.SelectedCarTrim; _vehicle_trim_code_ = $scope.SelectedCarTrimCode; angular.forEach(_vehicle_trim_code_, function (k, v) { $scope.cars[v]["selectedTrimCode"] = k; }); }else if($(".trim_list li").find(".r_on").parent().find("input").attr("trimcode")){ isfalse = true; $scope.selectedTrim = $(".trim_list li").find(".r_on").parent().find("input").attr("trimcode"); $scope.selectedTrimName = $(".trim_list li").find(".r_on").parent().find("input").attr("trimName"); $($(".trim_list li").find(".r_on")).each(function(idx){ $scope.SelectedCarTrim[idx] = $(this).parent().find("input").attr("trimName"); var idxCar = $(this).parent().find("input").attr("id").split("_")[1]; var idxTrim = $(this).parent().find("input").attr("id").split("_")[2]; $scope.SelectedCarTrimCode[idx] = $scope.cars[idxCar].carTrimCode[idxTrim]; }); _vehicle_trim_data_ = $scope.SelectedCarTrim; _vehicle_trim_code_ = $scope.SelectedCarTrimCode; angular.forEach(_vehicle_trim_code_, function (k, v) { $scope.cars[v]["selectedTrimCode"] = k; }); } return isfalse; }; //validation for steps $scope.validation = function (step, nStep, isNext) { var isValid = true; switch (step) { case "1": var selectInfo = _vehicle_data_ = _selected_vehicle_; if (selectInfo == null || selectInfo.carCount == 0) { alert('Please select a vehicle'); isValid = false; } else { var selectInfoList = []; var carType = $(".car_box .on").last().attr("href"); var isSportage = false; _carType = carType.substr(1,carType.indexOf("Cars")-1); if("suv"== _carType){ _carType="suv&mpv"; } for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { if( !isSportage ) isSportage = selectInfo.carCode[i] == "sportage-ql"; selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carTrim : selectInfo.carTrim[i] , carTrimCode : selectInfo.carTrimCode[i] , carDisplayName : selectInfo.carDisplayName[i] , carTrimDisplayName : selectInfo.carTrimDisplayName[i] //#43638 displayName 추가 }; if(i == iCnt-1){ _vehicle_name = selectInfo.carName[i]; _vehicle_carCode = selectInfo.carCode[i]; } } $scope.cars = selectInfoList; dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } window._fbq = window._fbq || []; window._fbq.push(['track', '6059324442420', {'value':'0.00','currency':'USD'}]); _satellite.track('testdrive_vehicle'); } break; case "2": var selectedTrim = $scope.fnSelectTrim(); $scope.selectedTrimCode = $(":radio[name^='Trim_']:checked").attr("trimcode"); _trim_name = $(":radio[name^='Trim_']:checked").attr("trimname"); console.log(selectedTrim); if (!selectedTrim) { alert("Please select variant."); isValid = false; } break; /* case "3": $scope.selectedDealer = _dealer_data_ = _selected_dealer_; if(!_selected_dealer_) { alert('Please select a dealer'); isValid = false; } break; */ case "3": userdataInfoSubmit(); console.log("1"); if (_user_data_ != null) { $scope.userData = _user_data_; //fill user data if (_userdata_view_scope_ != null) { _userdata_view_scope_.userDataInit(); } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType, 'vehicle_trim': "", 'dealer_name': "" } _satellite.track('testdrive_myinfo'); } else { isValid = false; } break; } if (isValid && isNext) { if( isNext && nStep ==4 ) { $scope.send(null); } else { $scope.stepChange(nStep); } } }; //send $scope.send = function () { if(_vehicle_name == "Cerato"){ //prd _vehicle_name = "a0r0K00005PQWDtQAP"; if(_trim_name == "GT Line Model"){_trim_name = "a0z0K00000Bq9HPQAZ";} else if(_trim_name == "EX Model"){_trim_name = "a0z0K00000BowutQAB";} else if(_trim_name == "L Model"){_trim_name = "a0z0K00000BowvFQAR";} } /* if(_vehicle_name == "Cerato"){ //stg _vehicle_name = "a0rp0000000lVTaAAM"; if(_trim_name == "GT Line Model"){_trim_name = "a12p0000000ClUlAAK";} else if(_trim_name == "EX Model"){_trim_name = "a12p0000000ClU0AAK";} else if(_trim_name == "L Model"){_trim_name = "a12p0000000ClULAA0";} } */ else if(_vehicle_name == "Stonic"){ //#52299 Stonic name 중복 처리 if(_vehicle_carCode == "YB_CUV_RHD"){ _vehicle_name = "a0r0K00005PSJ33QAH"; if(_trim_name == "EX Model"){_trim_name = "a0z0K00000Bp3m0QAB";} else if(_trim_name == "SX Model"){_trim_name = "a0z0K00000Bpo0BQAR";} }else{ _vehicle_name = "a0r2x000001v2VoAAI"; if(_trim_name == "EX Petrol"){_trim_name = "a0z2x00000X2qbJAAR";} else if(_trim_name == "EX Mild Hybrid"){_trim_name = "a0z2x00000WMfQqAAL";} else if(_trim_name == "SX Mild Hybrid"){_trim_name = "a0z2x00000WMfQpAAL";} } } else if(_vehicle_name == "Niro"){ _vehicle_name = "a0r0K00005UapFvQAJ"; if(_trim_name == "EX"){_trim_name = "a0z2x00000XMSJDAA5";} else if(_trim_name == "SX"){_trim_name = "a0z2x00000XMRN0AAP";} else if(_trim_name == "EV"){_trim_name = "a0z0K00000BprK4QAJ";} } else if(_vehicle_name == "Sorento"){ _vehicle_name = "a0r0K00005PQWEvQAP"; if(_trim_name == "SX Model（Petrol）"){_trim_name = "a0z0K00000BowxxQAB";} else if(_trim_name == "SX Diesel"){_trim_name = "a0z0K00000BowxzQAB";} //2020.11.04 수정 else if(_trim_name == "GT Line Model（Diesel）"){_trim_name = "a0z0K00000BowxvQAB";} } else if(_vehicle_name == "Stinger"){ _vehicle_name = "a0r0K00005PQWEBQA5"; //Stringer #51804 코드 변경 //if(_trim_name == "GT Model"){_trim_name = "a0z0K00000BowyoQAB";} #51804 트림 삭제 요청 if(_trim_name == "GT Line Model"){_trim_name = "a0z2x00000X2qbIAAR";} } else if(_vehicle_name == "Niro EV"){ //2020.06.08 #60220 _vehicle_name = "a0r2x000007kBC4AAM"; if(_trim_name == "Niro EV"){_trim_name = "a0z2x00000Z2hVFAAZ";} } else if(_vehicle_name == "SELTOS"){ //2020.06.08 _vehicle_name = "a0r2x000000ShLZAA0"; if(_trim_name == "GT Line"){_trim_name = "a0z2x00000059I0AAI";} else if(_trim_name == "EX"){_trim_name = "a0z2x00000XJ2JbAAL";} //2020.11.04 else if(_trim_name == "SX"){_trim_name = "a0z2x00000XJ2JcAAL";} //2020.11.04 } else if(_vehicle_name == "SORENTO"){ //2020.11.04 _vehicle_name = "a0r2x000001u3qQAAQ"; if(_trim_name == "SX"){_trim_name = "a0z2x00000V7uIIAAZ";} else if(_trim_name == "SX Tech Pack"){_trim_name = "a0z2x00000V7uIJAAZ";} else if(_trim_name == "GT Tech Pack"){_trim_name = "a0z2x00000V7uIGAAZ";} } else if(_vehicle_name == "Carnival"){ //#52017 _vehicle_name = "a0r2x000001uNY1AAM"; if(_trim_name == "Carnival（7seater）"){_trim_name = "a0z2x00000XMW1dAAH";} else if(_trim_name == "Carnival（8seater）"){_trim_name = "a0z2x00000XMW1eAAH";} } else if(_vehicle_name == "Cerato Sedan"){ //#53062 _vehicle_name = "a0r0K00005PQWDtQAP"; if(_trim_name == "L Model"){_trim_name = "a0z2x00000XJ3BqAAL";} else if(_trim_name == "EX Model"){_trim_name = "a0z2x00000XJ3BoAAL";} else if(_trim_name == "GT Model"){_trim_name = "a0z2x00000XJ3BpAAL";} } else if(_vehicle_name == "Sonet"){ //#55500 _vehicle_name = "a0r2x000004IQW6AAO"; if(_trim_name == "Sonet"){_trim_name = "a0z2x00000XMTkDAAX";} } else if(_vehicle_name == "Sorento HEV"){ //#55792 _vehicle_name = "a0r2x0000055f9uAAA"; if(_trim_name == "Sorento Hybrid SX Tech"){_trim_name = "a0z2x00000Wc9U4AAJ";} } else if(_vehicle_name == "Niro Hybrid"){ //#58849 Niro hybrid _vehicle_name = "a0r2x0000056nU7AAI"; if(_trim_name == "Niro Hybrid EX"){_trim_name = "a0z2x00000YbVgEAAV";} else if(_trim_name == "Niro Hybrid SX"){_trim_name = "a0z2x00000YbVgFAAV";} } else if(_vehicle_name == "EV6"){ //#58674 EV6 _vehicle_name = "a0r2x0000056aYpAAI"; if(_trim_name == "Standard"){_trim_name = "a0z2x00000Yb9dMAAR";} else if(_trim_name == "GTLine"){_trim_name = "a0z2x00000ZAnBhAAL";} } else if(_vehicle_name == "EV9"){ //#64574 EV9 _vehicle_name = "a0r2x00000BskXbAAJ"; if(_trim_name == "GT Line"){_trim_name = "a0z2x00000XOklZAAT";} } else if(_vehicle_name == "Carnival Hybrid"){ //#67283 Carnival Hybrid _vehicle_name = "a0rIh000000ISU2IAO"; if(_trim_name == "SX7"){_trim_name = "a0zIh0000009ldeIAA";} else if(_trim_name == "SX8"){_trim_name = "a0zIh0000009ldfIAA";} } else if(_vehicle_name == "Sorento Hybrid"){ //#67283 Sorento Hybrid _vehicle_name = "a0rIh000000ISUWIA4"; if(_trim_name == "SXTechPack"){_trim_name = "a0zIh0000009ldjIAA";} else if(_trim_name == "SX"){_trim_name = "a0zIh0000009ldoIAA";} } else{ }; console.log($scope.userData.fname); console.log($scope.userData.lname); console.log($scope.userData.mphone1); console.log($scope.userData.email); console.log($scope.userData.pdate); console.log($scope.userData.ptime); console.log($scope.userData.dealer); console.log(_vehicle_name); console.log(_trim_name); //console.log($scope.userData.privacyYn); //$event.preventDefault(); var moveURI = ""; //#67023 var userAgent = navigator.userAgent; var crm_params = { 'LeadFName' : $scope.userData.fname , 'LeadLName' : $scope.userData.lname , 'LeadPhone' : $scope.userData.mphone1 , 'LeadEmail' : $scope.userData.email , 'LeadBrand' : 'KIA' , 'LeadCountry' : 'Singapore' , 'LeadSourceVal' : 'TestDrive' , 'PDPAText' : $scope.userData.privacyYn , 'userAgent' : userAgent } // #55505 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'test drive', 'event_label': 'submit', 'vehicle_name': _vehicle_data_.carDisplayName.join(','), 'vehicle_trim': _vehicle_trim_data_.join(',') }); console.log(dataLayer[dataLayer.length-1]) var params = { method : "POST" , params : crm_params , url : "/api/kia_singapore/base/rq03/reqTestDrive.insertReqTestDriveApi" }; HttpService.http(params, $scope.sended, moveURI); }; //send completed $scope.sended = function (data, uri) { if (angular.equals(data.result, "Success")) { console.log(data.getResponseCode); var resId = JSON.parse(data.getResponseCode); console.log(resId.Id); console.log(resId.attributes.type); var moveURI = ""; //#67023 var userAgentInsert = navigator.userAgent; var crm_params = { 'PersonId' : resId.Id , 'Type' : resId.attributes.type , 'Status' : "pending" , 'BookingDate' : $scope.userData.pdate , 'TModel' : _vehicle_name , 'TVariant' : _trim_name , 'Showroom' : $scope.userData.dealer , 'Source' : "Website" , 'userAgent' : userAgentInsert } var params = { method : "POST" , params : crm_params , url : "/api/kia_singapore/base/rq03/reqTestDrive.insertReqTestDriveApi2" }; HttpService.http(params, $scope.sended2, moveURI); } }; $scope.sended2 = function (data, uri) { console.log(data.getResponseCode); //#60537 response 분기값 변경 if (angular.equals(data.getResponseCode, "")) { document.location.href = "/sg/shopping-tools/request-a-test-drive" +".thankyou.html"; }else{ alert("fail"); } }; }); </script> <div class="content_detail" ng-controller="requestatestdrive.steps" ng-init="init()">  <div class="inner request_testdrive" ng-show="step == 1"> <ol class="stepType01 driveStep"> <li class="stepWrap on"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Vehicle</strong> <span class="ex">Please select vehicle.</span> </div> </div> <div class="stepCon"> <div class="car-selector parsys"><div class="car-selector2 section"> <script type="text/javascript"> /* ie8 Array indexOf 선언*/ if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (from < 0) from += len; for (; from < len; from++) { if (from in this && this[from] === elt) return from; } return -1; }; } /* * if use the this componet, * must be defined "_over_selected_message_", "_max_count_vehicle_selected_", "_selected_vehicle_" variables. */ var _vehicle_selector_controller_ = null; kwcmsApp.controller("carselector.selector", function($scope, $timeout, HttpService) { //reference_controller_scope _vehicle_selector_controller_ = $scope; //default car list $scope.selectedCar = ""; //initialize $scope.init = function (scope) { $scope.selectedCar = "All"; $scope.searchCars(); }; //current selected vehicle count $scope.currentSelectedCount = 0; //search Cars $scope.carCars = null; $scope.hyBridCars = null; $scope.suvCars = null; $scope.commercialCars = null; //#50297 $scope.totalCars = null; //click vehicle category $scope.selectCategory = function (cate) { if (angular.equals(maxCount, 1)) { //every newly selected $scope.resetSelectedCar(); $scope.selectedCar = cate; }else{ $scope.selectedCar = cate; } $timeout(function () { angular.element("#" + cate).click(); $scope.callbackReturn(); }, 100); }; //get vehicle list $scope.searchCars = function () { var params = { method : "GET" , params : { nCd : "sg" } , url : "/api/kia/base/carInfo.selectVehicleList" }; HttpService.http(params, $scope.parseVehicle, ""); }; //callback searchCars method $scope.parseVehicle = function (data) { if (angular.equals(data.result, "Success")) { $scope.carCars = data.dataInfo.carCars; $scope.hyBridCars = data.dataInfo.hybridCars; $scope.suvCars = data.dataInfo.suvMpvCars; $scope.commercialCars = data.dataInfo.commercialCars; //console.log(data); //#50297 $scope.totalCars = data.dataInfo.carCars; for(var i=0; i<data.dataInfo.hybridCars.length; i++){ $scope.totalCars.push(data.dataInfo.hybridCars[i]); }; for(var i=0; i<data.dataInfo.suvMpvCars.length; i++){ $scope.totalCars.push(data.dataInfo.suvMpvCars[i]); }; for(var i=0; i<data.dataInfo.commercialCars.length; i++){ $scope.totalCars.push(data.dataInfo.commercialCars[i]); }; console.log($scope.totalCars); $scope.clickFromSuffix(); } }; //callback car info $scope.callbackInfo = { carCount : $scope.currentSelectedCount , carKey : [] , carCode : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] , carTrimDisplayName : [] , carDisplayName : [] , carTrimPrice : [] , carTrimPriceString : [] }; //reset selected vehicle $scope.resetSelectedCar = function () { $scope.currentSelectedCount = 0; $scope.callbackInfo = { carCount : 0 , carKey : [] , carCode : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] , carTrimDisplayName : [] , carDisplayName : [] , carTrimPrice : [] , carTrimPriceString : [] }; }; //choice vehicle var maxCount = ((_max_count_vehicle_selected_ != undefined) || (_max_count_vehicle_selected_ != null)) ? _max_count_vehicle_selected_ : 1; $scope.choice = function (code, type) { if (angular.equals(maxCount, 1)) { //every newly selected $scope.resetSelectedCar(); } var idx = $scope.callbackInfo.carCode.indexOf(code); if (idx > -1) { // is currently selected $scope.callbackInfo.carKey.splice(idx, 1); $scope.callbackInfo.carCode.splice(idx, 1); $scope.callbackInfo.carName.splice(idx, 1); $scope.callbackInfo.carImage.splice(idx, 1); $scope.callbackInfo.carTrim.splice(idx, 1); $scope.callbackInfo.carTrimCode.splice(idx, 1); $scope.callbackInfo.carTrimDisplayName.splice(idx, 1); $scope.callbackInfo.carDisplayName.splice(idx, 1); $scope.callbackInfo.carCount = --$scope.currentSelectedCount; } else { // is newly selected if ($scope.currentSelectedCount >= maxCount) { alert(_over_selected_message_); } else { var targetCars = null; var targetCarsTrim = new Array(); var targetCarsTrimCode = new Array(); var targetCarsTrimDisplayName = new Array(); var targetCarsTrimPrice = new Array(); //#43638 var targetCarsTrimPriceString = new Array(); //#43638 switch (type) { case "carCars" : targetCars = $scope.carCars; break; case "hybridCars" : targetCars = $scope.hyBridCars; break; case "suvCars" : targetCars = $scope.suvCars; break; case "commercialCars" : targetCars = $scope.commercialCars; break; } var isContinue = true; angular.forEach(targetCars, function (info) { if (angular.equals(code, info.code) && isContinue) { $scope.callbackInfo.carKey.push(info.key); $scope.callbackInfo.carCode.push(info.code); $scope.callbackInfo.carName.push(info.name); $scope.callbackInfo.carImage.push(info.imagePath); $scope.callbackInfo.carDisplayName.push(info.displayName); angular.forEach(info.details, function (trim) { targetCarsTrim.push(trim.name); targetCarsTrimCode.push(trim.code); targetCarsTrimDisplayName.push(trim.displayName); targetCarsTrimPrice.push(trim.price); targetCarsTrimPriceString.push(trim.priceString); }); isContinue = false; //forEach break } }); $scope.callbackInfo.carTrim.push(targetCarsTrim); $scope.callbackInfo.carTrimCode.push(targetCarsTrimCode); $scope.callbackInfo.carTrimDisplayName.push(targetCarsTrimDisplayName); $scope.callbackInfo.carTrimPrice.push(targetCarsTrimPrice); $scope.callbackInfo.carTrimPriceString.push(targetCarsTrimPriceString); $scope.callbackInfo.carCount = ++$scope.currentSelectedCount; } } //marker for selected cars & return selected informaton $scope.callbackReturn(); }; //marker for selected cars & return selected informaton $scope.callbackReturn = function () { var carA = angular.element("div.car_wrap").find("a"); var carCodes = $scope.callbackInfo.carCode; carA.removeClass("on"); angular.forEach(carCodes, function (code) { carA.each(function () { if (angular.equals(code, angular.element(this).attr("id"))) { angular.element(this).addClass("on"); } }); }); //callback _selected_vehicle_ = $scope.callbackInfo; }; //if selected vehicle exist from suffix, create to click event (automatical select) $scope.isSuffixClick = false; $scope.clickFromSuffix = function () { if (_suffix_selected_vehicle_ != null && $scope.isSuffixClick == false) { $timeout(function () { var isContinue = true; var carCode = ""; angular.forEach($scope.carCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.hyBridCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.suvCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.commercialCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); var objs = angular.element("#" + carCode); if (objs.length > 0) { objs.click(); if (_reference_controller_scope_ != null) { _reference_controller_scope_.autoExec(); _reference_controller_scope_.$apply(); } } }, 100); $scope.isSuffixClick = true; } }; //not use menu 20160607 $scope.hideChk = function(chk){ var chkVal = false; if(chk == null || chk.length <1){ chkVal = false; }else{ for(var i = 0; i < chk.length; i++){ if(chk[i] == "request-a-test-drive"){ chkVal = true; break; }else{ chkVal = false; } } } return chkVal; } }); //apply overflow:scoll kwcmsApp.directive('afterParseVehicle', function (){ return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { _vehicle_selector_controller_.selectCategory('All'); } } } }); </script> <div ng-controller="carselector.selector" ng-init="init()" id="carselector.selector.comp"> <div class="car_category" style="display:none;"> <span class="title">Category :</span> <div class="category"> <span class="form_chk"> <input type="radio" id="All" name="radio01"> <label for="All" class="form_spr radio_box" ng-click="selectCategory('All')"><span class="car_spr sort1">All</span></label> </span> <span class="form_chk"> <input type="radio" id="Cars" name="radio01"> <label for="Cars" class="form_spr radio_box" ng-click="selectCategory('Cars')"><span class="car_spr sort2">Cars</span></label> </span> <span class="form_chk"> <input type="radio" id="Suv" name="radio01"> <label for="Suv" class="form_spr radio_box" ng-click="selectCategory('Suv')"><span class="car_spr sort4">SUV</span></label> </span> <span class="form_chk"> <input type="radio" id="Commercial" name="radio01"> <label for="Commercial" class="form_spr radio_box" ng-click="selectCategory('Commercial')"><span class="car_spr sort5">Commercial</span></label> </span> </div> </div> <div class="car_wrap"> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'Cars') && carCars.length > 0"> <ul class="car_u">  <li class="car_l" ng-repeat="car in totalCars | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#carCars" id="{{car.code}}" class="car_a" title="Select" ng-click="choice(car.code, 'carCars')"> <strong class="car_name">{{car.displayName}}</strong> <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="selData hidden">Select Vehicles :</div> <div class="step_ctrl"> <a href="#next" class="btnMedium btnType1" ng-click="validation('1', '2', true)"> <span class="btnIcon arrow_r">Next</span></a> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>Variant</strong> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>My Info</strong> </div> </div> </li> </ol> </div>  <div class="inner request_quote" ng-show="step == 2"> <ol class="stepType01 quoteStep"> <li class="stepWrap paston"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Vehicle</strong> </div> <div class="result"> <div class="car"> <a href="#" class="carList" ng-repeat="car in cars" ng-click="stepChange('1')"> <img src="{{car.carImage}}" alt="{{car.carName}}"> <span class="carName">{{car.carName}}</span> </a>  </div> </div> </div> </li> <li class="stepWrap on"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>Variant</strong> <span class="ex">Please select Variant.</span> </div> </div> <div class="stepCon trimSection">  <h3 class="bl_type1" ng-repeat-start="car in cars">{{car.carName}}</h3> <ul class="trim_list" ng-repeat-end> <li class="trim_l trimSection" ng-repeat="trim in car.carTrimDisplayName" after-radio-element>  <span class="form_chk"><input type="radio" name="Trim_{{$parent.$index}}" id="Trim_{{$parent.$index}}_{{$index}}" trimDisplayName = "{{trim}}" trimName="{{car.carTrim[$index]}}" trimcode = "{{car.carTrimCode[$index]}}"> <label for="Trim_{{$parent.$index}}_{{$index}}" class="form_spr radio_box">{{trim}}</label> </span> </li> </ul> <div class="step_ctrl"> <a href="#back" class="btnMedium btnType3" ng-click="stepChange('1')"> <span class="btnIcon arrow_l">Back</span> </a> <a href="#" class="btnMedium btnType1" ng-click="validation('2', '3', true)"> <span class="btnIcon arrow_r">Next</span> </a> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>My Info</strong> </div> </div> </li> </ol> </div>  <div class="inner request_testdrive" ng-show="step == 3"> <ol class="stepType01 driveStep"> <li class="stepWrap paston"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Vehicle</strong> </div> <div class="result"> <div class="car"> <a href="#" class="carList" ng-repeat="car in cars" ng-click="stepChange('1')"> <img ng-src="{{car.carImage}}" alt="{{car.carDisplayName}}"> <span class="carName">{{car.carDisplayName}}</span> </a>  </div> </div> </div> </li> <li class="stepWrap paston"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>Variant</strong> </div> <div class="result"> <a href="#" ng-click="stepChange('2')" ng-repeat="trim in SelectedCarTrim">{{trim}}</a> </div> </div> </li> <li class="stepWrap on"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>My Info</strong><span class="ex">Input Information</span> </div> </div> <div class="stepCon"> <div class="person-info parsys"><div class="userdata-keyin section"> <form name="datainfo-comp-form" method="POST" action=""> <ul class="info_tbl"> <li class="info_tr"> <div class="info_th">Name<em class="ess">* <span class="hidden" id="valid_name">Is required information.</span></em></div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"><input type="text" class="input_box" name="fname" id="fname" placeholder="First Name" maxlength="50" title="First Name" onfocusout="fnNameFocusOut('valid_name')"></span> <span class="space"></span> <span class="form_wrp"><input type="text" class="input_box" name="lname" id="lname" placeholder="Last Name" maxlength="50" title="Last Name" onfocusout="fnNameFocusOut('valid_name')"></span> </div> </div> </li> <li class="info_tr" id="datainfo-comp-form-email"> <div class="info_th">E-mail <em class="ess">* <span class="hidden" id="valid_email">Is required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email" id="email" class="input_box" placeholder="sample@master.com" title="E-mail" maxlength="50" onfocusout="fnFocusOut(this,'valid_email')"></span> </div> </li>  <li class="info_tr" id="datainfo-comp-form-phone"> <div class="info_th">Phone <em class="ess">* <span class="hidden" id="valid_phone">Is required information.</span></em> </div> <ul class="info_dth"> <li class="info_tr"> <div class="info_th al_right">Mobile</div>  <div class="info_td"> <div class="form_area phone">  <span class="form_wrp"><input type="tel" name="mphone1" id="mphone1" class="input_box" title="Mobile" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' maxlength="8" minlength="8" min="80000000" max="99999999" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span>  </div> </div> </li>  </ul> </li>  <li class="info_tr"> <div class="info_th">Showroom<em class="ess">* </em></div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"> <span class="sel_box inp_sel"> <select class="form_select" name="dealer" id="dealer" title="Select preferred showroom"> <option value="">Select preferred showroom</option> <option value="a0x0K000006CnZvQAK">Alexandra Showroom - 239 Alexandra Road, Singapore 159930</option>   </select> </span> </span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Preferred date <em class="ess">* <span class="hidden" id="valid_pdate">Is required information.</span></em></div> <div class="info_td"> <div class="form_area"> <span class="form_date"><input type="text" name="pdate" id="pdate" class="input_box" placeholder="Preferred date" title="Preferred date" onChange="fnFocusOut(this,'valid_pdate')"> <a href="#" class="cmm_spr spr_calendar">Calendar </a></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Preferred time <em class="ess">* </em></div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"> <span class="sel_box inp_sel"> <select class="form_select" name="ptime" id="ptime" title="Preferred time"> <option value="08:30AM">08:30AM</option> <option value="09:00AM">09:00AM</option> <option value="09:30AM">09:30AM</option> <option value="10:00AM">10:00AM</option> <option value="10:30AM">10:30AM</option> <option value="11:00AM">11:00AM</option> <option value="11:30AM">11:30AM</option> <option value="12:00PM">12:00PM</option> <option value="12:30PM">12:30PM</option> <option value="01:00PM">01:00PM</option> <option value="01:30PM">01:30PM</option> <option value="02:00PM">02:00PM</option> <option value="02:30PM">02:30PM</option> <option value="03:00PM">03:00PM</option> <option value="03:30PM">03:30PM</option> <option value="04:00PM">04:00PM</option> <option value="04:30PM">04:30PM</option> <option value="05:00PM">05:00PM</option> <option value="05:30PM">05:30PM</option> <option value="06:00PM">06:00PM</option> <option value="06:30PM">06:30PM</option> </select> </span> </span> </div> </div> </li> </ul> <p class="comment"><em class="ess">*</em> Is required information.</p>  <div style="text-align: left;"> <span class="form_chk"> <input type="radio" id="privacyYn1" name="privacyYn" value="YES"> <label style="float: left;" for="privacyYn1" class="form_spr radio_box" value="YES"></label>  <p>I want to receive the latest news and promotions and hereby consent to the collection, use and disclosure of my personal data by Jardine Cycle & Carriage Limited and its subsidiaries and affiliates for such purpose.</p> <br> <input type="radio" id="privacyYn2" name="privacyYn" value="NO"> <label style="float: left;" for="privacyYn2" class="form_spr radio_box" value="NO"></label>  <p>I do not want to receive the latest news and promotions and hereby do not consent to the collection, use and disclosure of my personal data by Jardine Cycle & Carriage Limited and its subsidiaries and affiliates for such purpose.</p> </span> </div>  </form> <script type="text/javascript" src="/etc/designs/kia-singapore/clientlib/js/validation.js"></script> <script type="text/javascript" src="/etc/designs/kia-singapore/clientlib/js/validation.add.js"></script> <script type="text/javascript"> var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; var winW, isMobileSize, mobileW = 767; (function() { $(window).resize(function() { winW = $(window).outerWidth(); isMobileSize = mobileW > winW ? true : false; }); })(); // 2018.06.04 Mobile Phone Input 글자수 제한 스크립트 추가 var lengthCheckPhone = function(obj) { if (obj.value.length > obj.maxLength) { obj.value = obj.value.slice(0, obj.maxLength); } } var dateList = false; var dataStatus = false; var fnFocusOut = function(obj, targetId) { if(targetId == "valid_pdate"){ $('.sun a').each(function (index, item) { //날짜 한자리 일때 0 붙여주기위한 로직 var listdate = ""; if(item.innerText.length < 2){ listdate = "0"+item.innerText; }else{ listdate = item.innerText; } var cdate = $("#pdate").val(); var inpudate = cdate.substring(cdate.lastIndexOf("-")+1); /* $("#ptime").empty(); if(inpudate == listdate){ dataStatus = true; console.log("a"); $("select#ptime").append("<option value='10:00AM'>10:00AM</option>"); $("select#ptime").append("<option value='10:30AM'>10:30AM</option>"); $("select#ptime").append("<option value='11:00AM'>11:00AM</option>"); $("select#ptime").append("<option value='11:30AM'>11:30AM</option>"); $("select#ptime").append("<option value='12:00PM'>12:00PM</option>"); $("select#ptime").append("<option value='12:30PM'>12:30PM</option>"); $("select#ptime").append("<option value='01:00PM'>01:00PM</option>"); $("select#ptime").append("<option value='01:30PM'>01:30PM</option>"); $("select#ptime").append("<option value='02:00PM'>02:00PM</option>"); $("select#ptime").append("<option value='02:30PM'>02:30PM</option>"); $("select#ptime").append("<option value='03:00PM'>03:00PM</option>"); $("select#ptime").append("<option value='03:30PM'>03:30PM</option>"); $("select#ptime").append("<option value='04:00PM'>04:00PM</option>"); $("select#ptime").append("<option value='04:30PM'>04:30PM</option>"); $("select#ptime").append("<option value='05:00PM'>05:00PM</option>"); $("select#ptime").append("<option value='05:30PM'>05:30PM</option>"); $(".form_select").resetSS(); return false; }else if(dataStatus){ console.log("b"); $("select#ptime").append("<option value='08:30AM'>08:30AM</option>"); $("select#ptime").append("<option value='09:00AM'>09:00AM</option>"); $("select#ptime").append("<option value='09:30AM'>09:30AM</option>"); $("select#ptime").append("<option value='10:00AM'>10:00AM</option>"); $("select#ptime").append("<option value='10:30AM'>10:30AM</option>"); $("select#ptime").append("<option value='11:00AM'>11:00AM</option>"); $("select#ptime").append("<option value='11:30AM'>11:30AM</option>"); $("select#ptime").append("<option value='12:00PM'>12:00PM</option>"); $("select#ptime").append("<option value='12:30PM'>12:30PM</option>"); $("select#ptime").append("<option value='01:00PM'>01:00PM</option>"); $("select#ptime").append("<option value='01:30PM'>01:30PM</option>"); $("select#ptime").append("<option value='02:00PM'>02:00PM</option>"); $("select#ptime").append("<option value='02:30PM'>02:30PM</option>"); $("select#ptime").append("<option value='03:00PM'>03:00PM</option>"); $("select#ptime").append("<option value='03:30PM'>03:30PM</option>"); $("select#ptime").append("<option value='04:00PM'>04:00PM</option>"); $("select#ptime").append("<option value='04:30PM'>04:30PM</option>"); $("select#ptime").append("<option value='05:00PM'>05:00PM</option>"); $("select#ptime").append("<option value='05:30PM'>05:30PM</option>"); $("select#ptime").append("<option value='06:00PM'>06:00PM</option>"); $("select#ptime").append("<option value='06:30PM'>06:30PM</option>"); $(".form_select").resetSS(); }else{ console.log("c"); } console.log(index); dateList.key = item.innerText; console.log(item.innerText); */ }); } console.log(dateList); if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ($(obj).val() == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnNameFocusOut = function( targetId ) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); var _fname = $.trim( $( "#fname" ).val() ); var _lname = $.trim( $( "#lname" ).val() ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ( _fname == "" || _lname == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnCheckFocusOut = function(cnt, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if (cnt == 0) { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnPhoneFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); //전화번호가 하나라도 입력되었는지 확인 if(mPhoneVal() || wPhoneVal() || hPhoneVal()){ if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } if( !mPhoneVal() && !wPhoneVal() && !hPhoneVal()){ if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } } } /* * if use the this componet, * must be defined "_userdata_" variable. */ var mPhoneVal = function(){ if($("#mphone1").val()!="") return true; else return false; } var wPhoneVal = function(){ if($("#wphone1").val()!="" && $("#wphone2").val()!="") return true; else return false; } var hPhoneVal = function(){ if($("#hphone1").val()!="" && $("#hphone2").val()!="") return true; else return false; } var PhoneVal = function(){ if($("#p_method").val()=='e'){ return false; }else{ if(mPhoneVal() || wPhoneVal() || hPhoneVal()){ if(!mPhoneVal()){ if($("#mphone1").val()!="") return true; } else if(!wPhoneVal()){ if($("#wphone1").val()!="" || $("#wphone2").val()!="") return true; } else if(!hPhoneVal()){ if($("#hphone1").val()!="" || $("#hphone2").val()!="") return true; } return false; } else{ return true; } } } //form validation $("form[name=datainfo-comp-form]").validate({ rules : { dummy : {} , fname : { isalphanumeric : true , required : true , maxlength : 50 } , lname : { isalphanumeric : true , required : true , maxlength : 50 } , email : { required : function () { var useContactMethod = "false"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } , isemail : function () { var useContactMethod = "false"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } } , email_confirm : { required : function () { var useContactMethod = "false"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } , equalTo : "#email" } , mphone1 : { required : PhoneVal , isnumeric : true , maxlength : 8 } , mphone2 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , wphone1 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , wphone2 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , hphone1 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , hphone2 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , pdate : { required : true } , ptime : { required : true } , privacyYn : { //개인정보 사용동의 항목 추가 - 2017.09.28 required : true } , dealer : { //2020.01.22 #43638 required : true } } , messages : { dummy : {} , fname : { isalphanumeric : "Not include specific character" ,required : "please enter First Name." ,maxlength : "Please enter under {0} characters." } , lname : { isalphanumeric : "Not include specific character" ,required : "please enter Last Name." ,maxlength : "Please enter under {0} characters." } , email : { required : "please enter Your Email Account." , isemail : "Is not an email format." } , email_confirm : { required : "please enter Your Email Account." , isemail : "Is not an email format." , equalTo : "Email and email confirmation is not the same value." } // Phone validation 추가 - minlength, max, min 20190718 YKJ , mphone1 : { required : "Mobile: Please enter a 8-digit mobile number starting with 8 or 9." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" , minlength : "Mobile: Please enter a 8-digit mobile number starting with 8 or 9." , max : "Mobile: Please enter a 8-digit mobile number starting with 8 or 9." , min : "Mobile: Please enter a 8-digit mobile number starting with 8 or 9." } , mphone2 : { required : "Mobile: Please enter a 8-digit mobile number starting with 8 or 9." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" , minlength : "Mobile: Please enter a 8-digit mobile number starting with 8 or 9." } , wphone1 : { required : "Work/Home: Please enter a 8-digit number starting with 6." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" , minlength : "Work/Home: Please enter a 8-digit number starting with 6." , max : "Work/Home: Please enter a 8-digit number starting with 6." , min : "Work/Home: Please enter a 8-digit number starting with 6." } , wphone2 : { required : "Work/Home: Please enter a 8-digit number starting with 6." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" , minlength : "Work/Home: Please enter a 8-digit number starting with 6." } , hphone1 : { required : "Work/Home: Please enter a 8-digit number starting with 6." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" , minlength : "Work/Home: Please enter a 8-digit number starting with 6." , max : "Work/Home: Please enter a 8-digit number starting with 6." , min : "Work/Home: Please enter a 8-digit number starting with 6." } , hphone2 : { required : "Work/Home: Please enter a 8-digit number starting with 6." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" , minlength : "Work/Home: Please enter a 8-digit number starting with 6." } , pdate : { required : "Please enter a Preferred Date." } , ptime : { required : "true" } , privacyYn : { //개인정보 사용동의 항목 추가 - 2017.09.28 required : "You did not agree to the use of personal information.\\nPlease check the privacy agreement." } , dealer : { //2020.01.22 #43638 required : "Please Select Showroom" } } , submitHandler : function (form) { var isSubmit = compDataReturn(); if (isSubmit) { _user_data_ = getKeyInValue(); } return false; } }); //show/hide phone or email key field function viewContactMethod (method) { var email = $("#datainfo-comp-form-email"); var email_confirm = $("#datainfo-comp-form-email-confirm"); var phone = $("#datainfo-comp-form-phone"); } //get message size function keyInMessageSize (that) { that = $(that); var maxLen = parseInt("1000", 10); var target = $("#datainfo-comp-form-message-count"); var text = that.val(); if (text.length >= maxLen) { that.val(text.substr(0, (maxLen - 1))); } target.text(text.length.toString().split(/(?=(?:\d{3})+(?:\.|$))/g).join(',')); } //phone validation function validationPhone() { var isValidation = true; var mphone = $("#mphone1").val() + $("#mphone2").val(); var wphone = $("#wphone1").val() + $("#wphone2").val(); var hphone = $("#hphone1").val() + $("#hphone2").val(); if ($.trim(mphone) == "" && $.trim(wphone) == "" && $.trim(hphone) == "") { isValidation = false; } return isValidation; } //message validation function validationMsg() { var isValidation = true; var msg = $("#message").val(); if ($.trim(msg) == "") { isValidation = false; } return isValidation; } //return data function compDataReturn () { var rt = true; var useContactMethod = "false"; var usePhone = "true"; if($("#pcategory").val()==""){ alert('Please Select Service'); return false; } if (useContactMethod == "true" && getSelectValue("p_method") == "p") { if (!validationPhone()) { rt = false; } } else if (useContactMethod == "false" && usePhone == "true") { if (!validationPhone()) { rt = false; } } if (!rt) { alert("please enter correct phone number."); } return rt; } //form submit function userdataInfoSubmit () { $("form[name=datainfo-comp-form]").submit(); } //set methods for data field //makeSelectOption function makeUserDataOptions (arg) { var argLen = arg.length; var opt = ""; if (argLen > 0) { for (var i = 0 ; i < argLen ; i++) { opt += "<option value=\"" + arg[i][0] + "\">" + arg[i][1] + "</option>"; } } return opt; } //set Service or Category //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_categories = null; function setCategories (arg) { userdata_keyin_custom_categories = arg; var argLen = arg.length; var opt = ""; if (argLen > 0) { } } //set PreferredTime //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_prefer_time = null; function setPreferredTime (arg) { userdata_keyin_custom_prefer_time = arg; var opt = makeUserDataOptions(arg); $("select[name=ptime]").eq(0).html(opt).promise().done(function(){ $(".form_select").resetSS(); }); } //set title //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_title = null; function setTitle (arg) { userdata_keyin_custom_title = arg; var opt = makeUserDataOptions(arg); $("select[name=title]").eq(0).html(opt).promise().done(function(){ $(".form_select").resetSS(); }); } //get <select> value function getSelectValue (n) { var jObj = $("#" + n); return jObj.find("option:selected").val(); } //get checkbox/radiobox value function getRadioValue (n, type) { var values = null; if (type == "radio") { values = $("input[name='" + n + "']:checked").val(); } else if (type == "checkbox") { values = new Array(); $("input[name='" + n + "']").each(function () { if ($(this).prop("checked")) { values.push($(this).val()); } }); } return values; } //get <select> text function getTextByValue (v, cate) { var rt = ""; var arr = null; var value_arr = null; var isValueArray = (v.indexOf(",") > -1) ? true : false; if (isValueArray) { value_arr = v.split(","); } else { value_arr = v; } switch (cate) { case "cate": arr = userdata_keyin_custom_categories; break; case "time": arr = userdata_keyin_custom_prefer_time; break; case "title": arr = userdata_keyin_custom_title; break; } if (arr != null && arr.length > 0) { for (var i = 0, iCnt = arr.length ; i < iCnt ; i++) { //arr[i][0] value //arg[i][1] text if (isValueArray) { for (var j = 0, jCnt = value_arr.length ; j < jCnt ; j++) { if (arr[i][0] == $.trim(value_arr[j])) { rt += arr[i][1] + ", "; break; } } } else { if ($.trim(value_arr) == arr[i][0]) { rt = arr[i][1]; break; } } } if (isValueArray) { rt = rt.substr(0, rt.length - 2); } } return rt; } //user data to json function getKeyInValue() { var userData = { dummy : null , fname : $("#fname").val() , lname : $("#lname").val() , email : $("#email").val() , email_confirm : $("#email_confirm").val() , mphone1 : $("#mphone1").val() , mphone2 : $("#mphone2").val() , wphone1 : $("#wphone1").val() , wphone2 : $("#wphone2").val() , hphone1 : $("#hphone1").val() , hphone2 : $("#hphone2").val() , oaddr : $("#oaddr").val() , taddr : $("#taddr").val() , addr_city : $("#addr_city").val() , city : $("#city").val() , province : $("#province").val() , zipcode : $("#zipcode").val() , pdate : $("#pdate").val() , ptime : getSelectValue("ptime") , privacyYn : $("input[type=radio][name=privacyYn]:checked").val() , dealer : getSelectValue("dealer") }; delete userData["dummy"]; return userData; } //clear key-in field function resetUserDataKeyIn () { $("form[name=datainfo-comp-form]").eq(0).find("input, select, textarea").each(function () { var ele = $(this).get(0); var tagName = ele.tagName.toLowerCase(); var tagType = $(ele).attr("type"); if (tagName == "select") { $(ele).find("option").eq(0).attr("selected", "selected"); $(ele).trigger("change"); } else if (tagName == "input") { if (tagType != undefined) { if (tagType == "text") { $(ele).val(""); } else if (tagType == "checkbox") { $(ele).prop("checked", false); } else if (tagType == "radio") { $(ele.attr("name")).eq(0).prop("checked", false); } } } else if (tagName == "textarea") { $(ele).val("").trigger("keyup"); } }); $(".form_select").resetSS(); } $(document).ready(function(){ viewContactMethod("e"); calendarInit(); //step2 화면 로드 시 라디오 첫번째 자동 선택 $("#privacyYn1").trigger("click"); }); </script> </div> </div>  <div class="step_ctrl"> <a href="#back" class="btnMedium btnType3" ng-click="stepChange('2')"> <span class="btnIcon arrow_l">Back</span> </a> <a href="#" class="btnMedium btnType1" ng-click="validation('3', '4', true)"> <span class="btnIcon arrow_r">Submit</span> </a> </div> <div class="note_area"> <div class="bl_type_note"> <p class="note_p">I consent to the collection, use and disclosure of my personal data by Jardine Cycle & Carriage Limited and its subsidiaries and affiliates ("JCCL"), in accordance with the terms of JCCL's Privacy Statement (which can be found at www.cyclecarriage.com.sg/privacy-statement.html) and hard copies of which are available from JCCL upon request. I wish to receive customer surveys and information about promotions, events and products and services ("marketing and promotional information") from JCCL. I consent to the collection, use and disclosure of my personal data for such marketing purposes by JCCL and its agents. I wish to receive such marketing and promotional information by email, telephone calls, SMS, and post. I understand that notwithstanding the above, marketing and promotional information may be sent to me by push and/or pop-up notifications through JCCL's mobile application(s) should I install the application(s) on my mobile device. I agree that by enabling push and/or pop-up notifications in my device or mobile application settings, I consent to receiving such marketing and promotional information. My consent above is voluntarily given and I am aware that I may withdraw my consent at any time by sending a notification to Kia Marketing at <a href="mailto:kiamarketing@cyclecarriage.com.sg">kiamarketing@cyclecarriage.com.sg</a>. I have read and understood the Privacy Statement and been acquainted with my right to access my personal data. I have checked and do confirm that the personal data I have provided is true, complete and accurate. </p> </div> </div> </div> </li> </ol> </div>   <div class="inner request_testdrive" ng-show="step == 4"> <div class="finishTop"> <div class="contBox"> <p class="finishTxt">Kia is the basis of innovation for customers You are transformed into a truly global player.</p> </div> </div> <div class="finishCon"> <div class="person-info-view parsys"><div class="userdata-view section"> <script type="text/javascript"> /* * if use the this componet, * must be defined "_userdata_view_scope_", "_vehicle_data_", * "_vehicle_trim_data_", "_dealer_data_", "_center_data_" variables. */ kwcmsApp.controller("userdata.view", function($scope, HttpService) { //copy scope to javascript _userdata_view_scope_ = $scope; //selected Vehicle Data $scope.vehicleData = null; //selected vehicle trim data $scope.vehicleTrimData = null; //selected dealer data $scope.dealerData = null; //select center data $scope.centerData = null; //userData $scope.userData = null; //init userdata viewer $scope.userDataInit = function () { //show vehicle information if (_vehicle_data_ != null && _vehicle_data_ != undefined) { var selectInfo = _vehicle_data_; var selectInfoList = []; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carDisplayName : selectInfo.carDisplayName[i] , carTrim : null }; if (_vehicle_trim_data_ != null) { selectInfoList[i].carTrim = _vehicle_trim_data_[i]; } } $scope.vehicleData = selectInfoList; } //show vehicle trim information if (_vehicle_trim_data_ != null) { $scope.vehicleTrimData = $scope.vehicleData; } //show dealer information if (_dealer_data_ != null) { $scope.dealerData = _dealer_data_; $scope.dealerNm = $scope.dealerData.dealerNm; $scope.dealerPhone = $scope.dealerData.phone; } //show service center information if (_center_data_ != null) { $scope.centerData = _center_data_; $scope.centerNm = $scope.centerData.centerNm; $scope.centerAddr = $scope.centerData.addr; $scope.centerPhone = $scope.centerData.phone; } //show user key in data if (_user_data_ != null) { $scope.userData = _user_data_; $scope.fname = $scope.userData.fname; $scope.lname = $scope.userData.lname; $scope.email = $scope.userData.email; if (angular.equals($scope.userData.mphone1, "")) { $scope.mphone = ""; } else { $scope.mphone = "+65 " + $scope.userData.mphone1; } if (angular.equals($scope.userData.wphone1, "")) { $scope.wphone = ""; } else { $scope.wphone = $scope.userData.wphone1 + "-" + $scope.userData.wphone2; } if (angular.equals($scope.userData.hphone1, "")) { $scope.hphone = ""; } else { $scope.hphone = $scope.userData.hphone1 + "-" + $scope.userData.hphone2; } $scope.oaddr = $scope.userData.oaddr; $scope.taddr = $scope.userData.taddr; $scope.addr_city = $scope.userData.addr_city; $scope.province = $scope.userData.province; $scope.zipcode = $scope.userData.zipcode; $scope.pdate = $scope.userData.pdate; $scope.ptime = $scope.userData.ptime; //마케팅 SMS 수신 동의여부 20180515 $scope.privacyYn = $scope.userData.privacyYn; } }; }); //make ajax json function returnAjaxParameters () { var rt = { "dummy" : "" , "reqFnm" : _userdata_view_scope_.fname , "reqLnm" : _userdata_view_scope_.lname , "regNm" : _userdata_view_scope_.lname + ", " + _userdata_view_scope_.fname , "reqType" : "a" , "reqEmail" : _userdata_view_scope_.email , "reqPhoneH" : _userdata_view_scope_.hphone , "reqPhoneW" : _userdata_view_scope_.wphone , "reqPhoneM" : _userdata_view_scope_.mphone , "reqCity" : _userdata_view_scope_.addr_city , "reqAddr1" : _userdata_view_scope_.oaddr , "reqAddr2" : _userdata_view_scope_.taddr , "reqProvince" : _userdata_view_scope_.province , "reqZipcode" : _userdata_view_scope_.zipcode , "preDate" : _userdata_view_scope_.pdate , "preTime" : _userdata_view_scope_.ptime //마케팅 SMS 수신 동의여부 20180515 , "privacyYn" : _userdata_view_scope_.privacyYn , "statusCd" : "RQ01ST01" }; if (_userdata_view_scope_.vehicleData != null) { var selectInfo = _userdata_view_scope_.vehicleData; for (var i = 0, iCnt = selectInfo.length ; i < iCnt ; i++) { rt["carKey" + (i + 1)] = selectInfo[i].carKey; rt["vehicle" + (i + 1)] = selectInfo[i].carName; if (_userdata_view_scope_.vehicleTrimData != null) { rt["trim" + (i + 1)] = selectInfo[i].carTrim; } } } if (_userdata_view_scope_.dealerData != null) { rt["dealerSeq"] = _userdata_view_scope_.dealerData.dealerSeq; rt["dealerNm"] = _userdata_view_scope_.dealerData.dealerNm; rt["dealerAddr"] = _userdata_view_scope_.dealerData.addr; rt["dealerPhone"] = _userdata_view_scope_.dealerData.phone; rt["dealerEmail"] = _userdata_view_scope_.dealerData.email; } if (_userdata_view_scope_.centerData != null) { rt["dealerSeq"] = _userdata_view_scope_.centerData.centerSeq; rt["dealerNm"] = _userdata_view_scope_.centerData.centerNm; rt["dealerAddr"] = _userdata_view_scope_.centerData.addr; rt["dealerPhone"] = _userdata_view_scope_.centerData.phone; rt["dealerEmail"] = _userdata_view_scope_.centerData.email; } delete rt["dummy"]; return rt; } //call init method function initViewUserData () { _userdata_view_scope_.userDataInit(); } </script> <table class="table_type2" ng-controller="userdata.view" id="userdata.view.comp"> <caption>Request a Test Drive | Shopping Tools | Kia Singapore result report</caption> <colgroup> <col style="width:20%"><col style="width:auto"> </colgroup> <tbody> <tr ng-show="vehicleData != null"> <th class="tleft">Vehicle</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData"> <span class="car"><img ng-src="{{car.carImage}}" alt="{{car.carDisplayName}}"> <span class="car_name">{{car.carDisplayName}}</span></span> </li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1"> <span class="car" ng-repeat="car in vehicleData"><img ng-src="{{car.carImage}}" alt="{{car.carDisplayName}}"> <span class="car_name">{{car.carDisplayName}}</span></span> </td> </tr> <tr ng-show="vehicleTrimData != null"> <th class="tleft">Trim</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData">{{car.carTrim}}</li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1" ng-repeat="car in vehicleData">{{car.carTrim}}</td> </tr> <tr ng-show="dealerData != null"> <th class="tleft">Dealer</th> <td class="tleft"> <ul class="barType"> <li>{{dealerNm}}</li> <li>Phone : {{dealerPhone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Name</th> <td class="tleft">{{fname}} {{lname}}</td> </tr>  <tr> <th class="tleft">E-mail</th> <td class="tleft">{{email}}</td> </tr> <tr> <th class="tleft">Phone</th> <td class="tleft"> <ul class="barType"> <li>Mobile : {{mphone}}</li> </ul> </td> </tr> <tr ng-show="userData.p_method == 'e'"> <th class="tleft">E-mail</th> <td class="tleft">{{email}}</td> </tr> <tr ng-show="userData.p_method == 'p'"> <th class="tleft">Phone</th> <td class="tleft"> <ul class="barType"> <li>Mobile : {{mphone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Preferred date</th> <td class="tleft">{{pdate | parseDate | date : 'yyyy-MM-dd'}}</td> </tr> <tr> <th class="tleft">Preferred time</th> <td class="tleft">{{ptime}}</td> </tr> </tbody> </table></div> </div> </div> <div class="btn_area"> <a href="/sg/shopping-tools/request-a-test-drive.thankyou.html" class="btnMedium btnType1" ng-click="dataLayer.push({'event':'confirmationtestdrive','countrycode':'SG','carmodelname':_vehicle_name,'leadtype':'pdf'});ga('send', 'event', { eventCategory: 'testDrive', eventAction: 'request', eventLabel: '{{car.carKey}}', eventValue: 1});"><span class="btnIcon arrow_r">Complete</span></a> </div> </div>  </div> </div> </div> </div> </div> <div id="footer"> <div class="site_info">   <div class="f_navi"> <div class="inner"> <div class="foot_content"> <div class="foot_left">  <div class="foot_logo"> <span class="logo"><img src="/content/dam/kwcms/gt/en/images/main/new/new-kia-logo-white.png" alt="logo"></span>  </div>   <div class="info_country"> <a href="/sg/util/kia-global.html" target="_brank">Kia in <span>SG</span></a> </div> <div class="info_sns"> <a href="https://www.facebook.com/kia.sg" class="sns_spr spr_facebook" onclick="dtmDataLayer.external_link= 'sns|facebook'; _satellite.track('external_link');" target="_blank" title="Facebook">Facebook</a> <a href="https://www.instagram.com/kia_sg/" class="sns_spr spr_instagram" onclick="dtmDataLayer.external_link= 'sns|instagram'; _satellite.track('external_link');" target="_blank" title="Instagram">Instagram</a> <a href="http://www.youtube.com/user/KiaSingapore" class="sns_spr spr_youtube" onclick="dtmDataLayer.external_link= 'sns|youtube'; _satellite.track('external_link');" target="_blank" title="Youtube">Youtube</a> <a href="https://www.cyclecarriage.com/sg/kia/kia-connect" class="sns_spr spr_kia_mykia" onclick="dtmDataLayer.external_link= 'sns|kia_mykia'; _satellite.track('external_link');" target="_blank" title="My Kia">My Kia</a> </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">Showroom</div> <ul class="mo_con"> <li><a href="/sg/showroom/sorento-hybrid.html" data-ganame="Features">Sorento Hybrid</a></li> <li><a href="/sg/showroom/carnival-hybrid.html" data-ganame="Carnival">Carnival Hybrid</a></li> <li><a href="/sg/showroom/ev9.html" data-ganame="Features">EV9</a></li> <li><a href="/sg/showroom/niro-sg2-2023.html" data-ganame="Features">Niro Hybrid</a></li> <li><a href="/sg/showroom/niro-ev.html" data-ganame="Features">Niro EV</a></li> </ul> </div> <div class="item2"> <div class="mo_title">Shopping Tools</div> <ul class="mo_con"> <li><a href="/sg/shopping-tools/find-a-dealer.html" data-ganame="find a dealer">Find a Dealer</a></li> <li><a href="/sg/shopping-tools/request-a-quote.html" data-ganame="request a quote">Request a Quote</a></li> <li><a href="/sg/shopping-tools/request-a-test-drive.html" data-ganame="Request a Test Drive">Request a Test Drive</a></li> <li><a href="/sg/shopping-tools/request-a-brochure.html" data-ganame="request a brochure">Request a Brochure</a></li> <li><a href="/sg/shopping-tools/request-a-pricelist.html" data-ganame="request a pricelist">Request a Pricelist</a></li> <li><a href="/sg/shopping-tools/motor-insurance.html" data-ganame="motor insurance">Motor Insurance</a></li> <li><a href="/sg/shopping-tools/pre-owned-cars.html" data-ganame="pre-owned cars">Pre-owned Cars</a></li> </ul> </div> <div class="item3"> <div class="mo_title">Owners</div> <ul class="mo_con"> <li><a href="/sg/owners/kia-service.html" data-ganame="Kia Service">Kia Service</a></li> <li><a href="/sg/owners/book-a-service.html" data-ganame="Book a Service">Book a Service</a></li> <li><a href="/sg/owners/service-offers.html" data-ganame="Service Offers">Service Offers</a></li> <li><a href="/sg/owners/parts-accessories.html" data-ganame="Parts & Accessories">Parts & Accessories</a></li> <li><a href="/sg/owners/warranty-recalls.html" data-ganame="Warranty & Recalls">Warranty & Recalls</a></li> <li><a href="/sg/owners/roadside-assistance.html" data-ganame="Roadside Assistance">Roadside Assistance</a></li> <li><a href="/sg/owners/owner-resources.html" data-ganame="Owner Resources">Owner Resources</a></li> <li><a href="/sg/owners/connectivity.html" data-ganame="Connectivity">Connectivity</a></li> <li><a href="/sg/owners/ev-experience.html" data-ganame="EV Experience">EV Experience</a></li> </ul> </div> <div class="item7"> <div class="mo_title">Discover Kia</div> <ul class="mo_con"> <li><a href="/sg/discover-kia/our-movement.html" data-ganame="our movment">Our Movement</a></li> <li><a href="/sg/discover-kia/pbv.html" data-ganame="PBV">PBV</a></li> <li><a href="/sg/discover-kia/sponsorship.html" data-ganame="Sponsorship">Sponsorship</a></li> <li><a href="/sg/discover-kia/ask.html" data-ganame="ask">ASK</a></li> <li><a href="/sg/discover-kia/brand-campaign.html" data-ganame="brand campaign">Brand Campaign</a></li> <li><a href="/sg/discover-kia/sustainability.html" data-ganame="sustainability">Sustainability</a></li> <li><a href="/sg/discover-kia/ev-day.html" data-ganame="EV Day">EV Day</a></li> <li><a href="/sg/discover-kia/ao2025.html" data-ganame="ao2025">AO 2025</a></li> </ul> </div> </div> </div> <div class="foot_copy_area"> <div class="foot_breadcrumbs">  <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span><a href="/sg/main.html" property="item" typeof="WebPage">Home</a> ></span> <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">shopping tools</span><span class="gt">></span> <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current" property="name">Request a Test Drive</strong> <meta property="position" content= 3> </li> </ol>  </div> <div class="copyright"> <span class="tel_call">  </span> <address class="cpr"> <span class="br">Copyright© 2024 Kia Corporation. All Rights Reserved.</span> </address> </div> </div> </div> </div>  <script type="text/javascript" src="/etc/designs/kia-singapore/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-singapore/clientlib/js/picturefill.js"></script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script></div>  <script type="text/javascript">_satellite.pageBottom();</script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-37592437-2', 'auto'); ga('send', 'pageview'); </script> </div> <div class="gnb_dimmed" style="position: absolute;"></div> <div class="cloudservices servicecomponents"> </div> </div>    <script type="text/javascript" id="aichat-embedder-v4xUYAF8WXXVP2Er" class="aichat-async-script-loader">(function() {function AiChatWidgetLoad() {var s = document.createElement("script");s.type = "text/javascript";s.async = true;s.src = "https://kia32.aichat.site/kia/widget/web-chat-widget/v4xUYAF8WXXVP2Er";var e = document.getElementById("aichat-embedder-v4xUYAF8WXXVP2Er");e.parentNode.insertBefore(s, e);window.aichat_options = { always_open : false };}if (window.attachEvent) { window.attachEvent("onLoad", AiChatWidgetLoad); } else { window.addEventListener("load", AiChatWidgetLoad, false); }})()</script>    <script> (function($) { //console.log('onload') var _tempTimeoutIndex = setTimeout(function(){ _initTagEvent() }, 200); var _initTagEvent = function() { clearTimeout(_tempTimeoutIndex); //console.log("===================== add onclick event to Outbound anchor tag start") //console.log("판정기준 : A태그의 링크값(href)에 외부도메인이 걸려있을 경우. pdf외부링크는 제외.") $("a").not("[href$=\'.pdf\']").each( function() { var propHref = $(this).prop('href'); // 링크의 도메인이 외부도메인인지 여부, 링크가 http로 시작하는지 여부 if( propHref.indexOf(document.domain) < 0 && propHref.startsWith("http") ) { //console.log(this); if( !$(this).hasClass("sns_spr") ) { if( $(this).hasClass("moment") ) { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'Outbound Links','event_category': 'navigation', 'event_action': 'outbound link', 'event_label': propHref }); //console.log(window.dataLayer) }); } else { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'link_interaction', 'event_category': 'outbound Link', 'event_action': $(this).attr("title"), 'event_label': propHref });//eg: https://www.youtube.com/c/kiachile //console.log(window.dataLayer) }); } } else { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action':'outbound Link', 'event_label': propHref });//eg: https://www.youtube.com/c/kiachile console.log(window.dataLayer) }); } } else { if( $(this).hasClass("moment") ) { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'Outbound Links','event_category': 'navigation', 'event_action': 'outbound link', 'event_label': propHref }); //console.log(window.dataLayer) }); } } }); //console.log("//===================== add onclick event to Outbound anchor tag end \n\n\n"); //console.log("===================== add onclick event to PDF link start") //console.log("판정기준1 : A태그의 링크값(href)에 pdf링크가 걸려있을 경우") //console.log("판정기준2 : A태그의 data-is-pdf 값이 true 일 경우") //console.log("판정기준 : 1,2 의 결과를 merge 하여 처리.") var _arrPdfLink = $.makeArray($("a[href$=\'.pdf\']")); var _arrIsPdfData = $.makeArray($("a[data-is-pdf=true]")); var _arrTarget = $.unique([..._arrPdfLink, ..._arrIsPdfData]); for(var i in _arrTarget) { //console.log(_arrTarget[i]) $(_arrTarget[i]).off('click.tag.pdf').on('click.tag.pdf', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'saving', 'event_category': 'saving', 'event_action': 'pdf download', 'event_label': $(this).data('pdf-url') || $(this).attr('href') });//eg: https://www.kia.com/content/dam/kwcms/cl/es/files/fichas-tecnicas/FichasTecnic as/Ficha-T%C3%A9cnica-KiaSeltos.pdf //console.log(window.dataLayer) }); } //console.log("//===================== add onclick event to PDF link end \n\n\n"); $("a.datalayer_bookservice").each(function() { window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'book a service', 'event_label': 'start', }); $(this).off('click.datalayer').on('click.datalayer', function() { window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'book a service', 'event_label': 'submit', }); }); }); $("a.datalayer_preownedcar").each(function() { window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'pre-owned cars', 'event_label': 'start', }); $(this).off('click.datalayer').on('click.datalayer', function() { window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'pre-owned cars', 'event_label': 'submit', }); }); }); // live stream 링크 처리 header $(".gnb_menu.gnb-menu").off('click.initdatalayer').on("click.initdatalayer", ".dth2_l a", function() { if( $(this).attr('href') == '/id/shopping-tools/live-stream-showroom.html' ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'request a live stream', 'event_label': 'start' }); //console.log(window.dataLayer) } }); // live stream 링크 처리 footer $(".f_navi .mo_con").off('click.initdatalayer').on("click.initdatalayer", "a", function() { if( $(this).attr('href') == '/id/shopping-tools/live-stream-showroom.html' ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'request a live stream', 'event_label': 'start' }); //console.log(window.dataLayer) } }); //console.log("===================== add onclick logo event to anchor start"); $("div.logo_h1 > a" ).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'top menu', 'event_label': 'logo' }); //console.log(window.dataLayer); }); //console.log("===================== add onclick logo event to anchor end \n\n\n"); //console.log("===================== add top menu event to anchor start"); //console.log("판정기준1 : 대메뉴"); //console.log("판정기준2 : 대메뉴 하위 showroom을 제외한 a 링크"); //console.log("판정기준 : 1,2 의 결과를 merge 하여 처리."); //console.log("예외처리1 : 내부링크에서만 동작"); //console.log("예외처리2 : .pdf 클래스가 있거나 , data-is-pdf=true 일경우 제외"); var _arrdepthOneMenu = $.makeArray($(".gnb_nav .dth1_l > a ")); var _arrdepthTwoMenu = $.makeArray($(".gnb_nav .dth2_u > li > a ")); var _arrTopUtil = $.makeArray( $("div.util_area > ul > li > a.util_a") ); var _arrTopUtil_right = $.makeArray( $("div.util_area > div").find("a") ); var _arrTopMenu = $.unique([..._arrdepthOneMenu, ..._arrdepthTwoMenu, ..._arrTopUtil, ..._arrTopUtil_right]); for( var i in _arrTopMenu ){ $(_arrTopMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ var propHref = $(this).prop('href'); var isSearchBtn = $(this).hasClass( "sch_act_btn" ); var label = $(this).attr("data-ganame"); if( !label ) label = $(this).text(); if( isSearchBtn ) label = $(this).find("span").text(); // 링크의 도메인이 외부도메인인지 여부, 링크가 http로 시작하는지 여부 if( propHref.indexOf(document.domain) > -1 ) { //console.log( "외부링크아님" ); if( !$(this).hasClass("pdf") || $(this).attr("data-is-pdf") != "true" ) { //console.log( "pdf 아님" ); window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'top menu', 'event_label': label }); //console.log(window.dataLayer); } } }); } //console.log("//===================== add top menu event to anchor End \n\n"); //console.log("===================== add buttom menu event to anchor start"); //console.log("판정기준1 : buttom 메뉴의 a 태그"); //console.log("예외처리 : 외부링크 제외 ex: facebook 링크등등. "); var _arrButtomMenu = $.makeArray($("div.foot_right > div").find("a")); for( var i in _arrButtomMenu ){ $(_arrButtomMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ var propHref = $(this).prop('href'); var label = $(this).attr("data-ganame"); if( !label ) label = $(this).text(); if( propHref.indexOf(document.domain) > -1 ) { if( !$(this).hasClass("pdf") || $(this).attr("data-is-pdf") != "true" ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'bottom menu', 'event_label': label }); //console.log(window.dataLayer); } } }); } //console.log("//===================== add buttom menu event to anchor End \n\n"); //console.log("===================== add model menu event to anchor start"); //console.log("판정기준1 : Top menu 중에 model 메뉴의 a 태그"); var _arrModelMenu = $.makeArray($("ul.gnb_nav").find("a.grid_box")); for( var i in _arrModelMenu ){ $(_arrModelMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'model menu', 'event_label': $(this).find(".g_name").text(), 'vehicle_name': $(this).find(".g_name").text() }); //console.log(window.dataLayer); }); } //console.log("//===================== add model menu event to anchor End \n\n"); //console.log("===================== add homepage CTA click event to anchor start"); var _arrKvCta = $.makeArray($("a.kv_btn")); for( var i in _arrKvCta ){ $(_arrKvCta[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': $(this).find("span").text() , 'event_label': location.protocol+"//"+location.host+$(this).attr("href") }); //console.log(window.dataLayer); }); } //console.log("===================== add homepage CTA click event to anchor End \n\n"); } })(jQuery); </script>   </body>  </html>

CINXE.COM

Request a Test Drive | Shopping Tools | Kia Singapore