CINXE.COM

<style>.error {color: #FF0000;}</style> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://6379093.app.netsuite.com/core/media/media.nl?id=153364&c=6379093&h=oY4_UjxEyXJBc1UCiD0bd2CTbwmoHNsJJ_OfiWEbBmh1OoYJ&_xt=.css"> <title> Regisiter Your Interest </title> <style> .form-group.required .control-label:after { content:" *"; color:red; } </style> <body> <div class="content " style="font-size: 12px;"> <div class="container html-content"> <form action="https://6379093.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=15164&deploy=1&compid=6379093&ns-at=AAEJ7tMQ_CU52fLpebPShpbNok6vOdHYwklxK8cKttt50dtbr2w" method="post" id="myForm"> <div class="card" style="margin: auto; max-width: 700px;"> <div class="card-body"> <div class="row"> <div class="col-7 text-start"> <h6 class="fw-bold">Register Your Interest</h6> <h6 class="fw-bold">爻噩賱廿賴鬲賲丕賲賰</h6> </div> <div class="col-5 text-end"> <a class="navbar-brand" href="https://www.kia.com/nmc/ar/main.html"> <img src="/core/media/media.nl?id=364145&c=6379093&h=jnAqY8OtQLX75yAi3wza2g6hudSWCYCMyQotaHi1FuSdV61C" alt="" width="80" height="40" class="d-inline-block align-text-top"> </a> </div> <div class="col language-toggle text-end"> <button class="btn btn-no-padding btn-outline-dark" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false" onclick="changeLanguage('ar')">毓</button> </div> </div> <div class="row"> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="Model" style="margin-top: 10px;">Enquired Model 丕賱賲賵丿賷賱</label> <select name="Model" id="Model" class="form-control" required> <option value="">Select/兀禺鬲乇</option> <option value="103" >Carens</option><option value="14" >Carnival</option><option value="9" >Cerato</option><option value="222" >EV5</option><option value="213" >EV6</option><option value="218" >EV9</option><option value="219" >K3</option><option value="7" >K5</option><option value="215" >K5 HEV</option><option value="10" >K8</option><option value="214" >K8 HEV</option><option value="217" >Niro Plus HEV</option><option value="5" >Pegas</option><option value="6" >Rio</option><option value="1" >Seltos</option><option value="3" >Sonet</option><option value="4" >Sorento</option><option value="216" >Sorento HEV</option><option value="8" >Sportage</option><option value="2" >Stinger</option><option value="13" >Telluride</option></select> </div> </div> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="Showroom" style="margin-top: 10px;">Showroom 丕賱賲毓乇囟</label> <select name="Showroom" id="Showroom" class="form-control" required> <option value="">Select/兀禺鬲乇</option> <option value="1" >Abha - 3S</option><option value="10" >Jeddah Kings Road showroom</option><option value="2" >Jeddah Madinah Road Showroom</option><option value="3" >Jizan - 3S</option><option value="4" >Makkah - 3S</option><option value="5" >Medina - 3S</option><option value="6" >Najran - 3S</option><option value="26" >Riyadh Khurais Road Showroom</option><option value="7" >Tabouk - 3S</option><option value="8" >Taif - 3S</option><option value="9" >Yanbu - 3S</option> </select> </div> </div> </div> <div class="row"> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="FirstName" style="margin-top: 10px;">First Name - 丕賱丕爻賲丕賱兀賵賱</label> <input type="text" class="form-control" name="FirstName" id="FirstName" placeholder="丕賱丕爻賲丕賱兀賵賱" required> </div> </div> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="LastName" style="margin-top: 10px;">Last Name - 丕賱丕爻賲丕賱兀禺賷乇</label> <input type="text" class="form-control" name="LastName" id="LastName" placeholder="丕賱丕爻賲丕賱兀禺賷乇" required> </div> </div> </div> <div class="row"> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="Gender" style="margin-top: 10px;">Gender - 丕賱噩賳爻</label> <div class="row"> <div class="col"> <div class="form-check"> <input class="form-check-input" type="radio" name="Gender" id="male" value="1" required> <label class="form-check-label" for="male"> Male<br>匕賰乇 </label> </div> </div> <div class="col"> <div class="form-check"> <input class="form-check-input" type="radio" name="Gender" id="female" value="2"> <label class="form-check-label" for="female"> Female<br>兀賳孬賶 </label> </div> </div> </div> </div> </div> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="MobileNumber" style="margin-top: 10px;">Mobile Number - 丕賱噩賵丕賱</label> <div class="container-fluid m-0 p-0" style="display: flex;"> <span style="align-self: center;font-size: medium;">05-</span> <input type="text" class="form-control" name="MobileNumber" id="MobileNumber" pattern="[0-9]{8}" minlength="8" maxlength="8" placeholder="xxxxxxxx" required> </div> </div> </div> </div> <div class="form-group required"> <label class="fw-bold control-label" for="Email" style="margin-top: 10px;">Email - 丕賱亘乇賷丿丕賱丕賱賰鬲乇賵賳賶</label> <input type="email" class="form-control" name="Email" id="Email" placeholder="name@example.com" onchange="validateEmail()" required> </div> <div class="row"> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="PurchaseTimeframe" style="margin-top: 10px;">Purchase Timeframe <br> 賮鬲乇丞丕賱卮乇丕亍</label> <select name="PurchaseTimeframe" id="PurchaseTimeframe" class="form-control" required> <option value="">Select/兀禺鬲乇</option> <option value="1">Less Than a Month - 兀賯賱賲賳卮賴乇</option> <option value="2">More Than a Month - 兀賰孬乇賲賳卮賴乇</option>  </select> </div> </div> <div class="col-6"> <div class="form-group required"> <label class="fw-bold control-label" for="HearAboutOffers" style="margin-top: 10px;">How Did You Hear About Our Offers? <br> 賰賷賮爻賲毓鬲毓賳毓乇賵囟賳丕責</label> <select name="HearAboutOffers" id="HearAboutOffers" class="form-control" required> <option value="">Select/兀禺鬲乇</option><option value="1" >Facebook</option><option value="2" >Instagram</option><option value="8" >Radio/SMS</option><option value="3" >Snapchat</option><option value="4" >TikTok</option><option value="5" >Twitter</option><option value="7" >Website</option></select><input type = "hidden" id = "offer" name = "offer" value = "ct" > </div> </div>  </div>    <div class="row"> <div class="col"> <div class="form-group"> <label class="fw-bold control-label" for="LanguagePreference" style="margin-top: 10px; margin-bottom:5px;">Language Preference <br> 丕賱賱睾丞丕賱賲賮囟賱丞</label> <div class="row"> <div class="col"> <div class="form-check"> <input class="form-check-input" type="radio" name="LanguagePreference" id="english" value="2" checked> <label class="form-check-label" for="english"> English </label> </div> </div> <div class="col"> <div class="form-check"> <input class="form-check-input" type="radio" name="LanguagePreference" id="arabic" value="1" > <label class="form-check-label" for="arabic"> 丕賱毓乇亘賷丞 </label> </div> </div> </div> </div> </div>  </div> </div> <div class="card-footer" style="text-align: center;"> <button type="submit" name="btnQualSubmit" id="btnQualSubmit" class="btn btn-primary" style="width: -webkit-fill-available;">Submit / 廿乇爻丕賱</button> </div> </div> </form> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script> <script type="text/javascript" src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script> <script src="https://6379093.app.netsuite.com/core/media/media.nl?id=153702&c=6379093&h=4BEaiiZDJNP1jDUEZuhL6Y12J0fKq7esha_kFNzWDimGRE9Y&_xt=.js"></script> <script> try{ function validateEmail() { var emailValue = document.getElementById("Email").value; console.log(emailValue) if(emailValue){ emailValue = emailValue.split(" ").join(""); emailtmp = emailValue.split("@"); if(emailtmp.length>1){ emailtmp[0] = emailtmp[0].replace(/[.]/g, ''); emailValue = emailtmp[0] + "@" + emailtmp[1] console.log(emailtmp[0] + "@" + emailtmp[1]) } emailValue = emailValue.trim(); if(!emailValue.includes(".com") && !emailValue.includes(".net") && !emailValue.includes(".org") && !emailValue.includes(".co") && !emailValue.includes(".me") && !emailValue.includes(".sa")){ document.getElementById("Email").value = ''; alert("Please enter valid email / 賲賳賮囟賱賰丕丿禺賱亘乇賷丿丕賱賰鬲乇賵賳賶氐丨賷丨"); }else{ document.getElementById("Email").value = emailValue; } try{ var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/; if (emailValue.match(validRegex)) { console.log("Valid") }else{ document.getElementById("Email").value = ''; alert("Please enter valid email / 賲賳賮囟賱賰丕丿禺賱亘乇賷丿丕賱賰鬲乇賵賳賶氐丨賷丨"); } }catch(e){ console.log(e) } } } }catch(e){ console.log(e) } try{ document.getElementById("btnQualSubmit").onclick = function() { var modelField = document.getElementById('Model'); var showroomField = document.getElementById('Showroom'); var purchaseTimeFrameField = document.getElementById('PurchaseTimeframe'); //var monthlySalaryField = document.getElementById('MonthlySalary'); //var genderField = document.getElementById('Gender'); var emailField = document.getElementById('Email'); var fnameField = document.getElementById('FirstName'); var lnameField = document.getElementById('LastName'); var mobileField = document.getElementById('MobileNumber'); var modelValue = modelField.value; var showroomValue = showroomField.value; var purchaseTimeFrameValue = purchaseTimeFrameField.value; //var monthlySalaryValue = monthlySalaryField.value; //var genderValue= genderField.value; var emailValue = emailField.value; var fnameValue = fnameField.value; var lnameValue = lnameField.value; var mobileValue = mobileField.value; if(modelValue && showroomValue && purchaseTimeFrameValue && fnameValue && lnameValue && mobileValue && emailValue){ this.disabled = true; document.getElementById("myForm").submit(); document.getElementById("myForm").reset(); } } }catch(e){ console.log(e) } function changeLanguage(language) { if (language === 'ar') { window.location.href = 'https://6379093.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=15586&deploy=1&compid=6379093&ns-at=AAEJ7tMQ7XUXnjtSkTACDgXsA7V5HCEDDxG3SvrOQ1zBg1sHg_4&camp=ct&src='; } } </script>