</noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPQ639R" height="0" width="0" style="display:none;visibility:hidden"> </noscript> <div class="nd-banner"> <header> <div class="header-icon"> <style type="text/css"> .header-icon,.header-icon svg{display:inline-block;width:50px;height:40px;text-align:center}@media(min-width:960px){.header-icon,.header-icon svg{width:50px;height:60px;text-align:center}} </style> <img src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/{1f75214c-5898-456b-879a-7043d89fca72}_logo_updated_1.png" style="width:83px;height:73px;text-align:center" /></div> </header> </div> <div class="nd-titlebox"> <div class="nd-title-gradient"></div> <br> <div class="nd-title-main" style="font-size:40px !important;"> 2025年の新型バイクがここに </div> <br><br> <div class="nd-title-sub" style="max-width:900px;line-height:36px;font-size:21px;">新型モデルと大胆なデザインを備えた2025年のラインナップが勢ぞろい。<br> ご登録いただくと最新情報をお届けいたします。</div> <div class="nd-title-register"> </div><div class="nd-title-sub" style="max-width:900px;line-height:25px;font-size:21px; font-weight:bold;"> <strong>申し込みフォーム</strong></div> <div class="nd-title-subregister" style="font-size:18px;"> * 必須フィールド </div> </div> <aside class="form-content" > <div class="form-wrapper"> <form class="form elq-form" method="post" name="MY25-RYI-JPForm" action="https://s211266568.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form676" x-data="app()" x-init="$watch('dealers', value => console.log(value))"> <input value="MY25-RYI-JPForm" type="hidden" name="elqFormName" /> <input value="211266568" type="hidden" name="elqSiteId" /> <input name="elqCampaignId" type="hidden" /> <div class="group form-input footer-links"> <label class="elq-label" for="fe13525">姓<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldLastName" id="fe13525" value="" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13526">名<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldFirstName" id="fe13526" value="" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13527">メールアドレス<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldEmail" id="fe13527" value="" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <label class="elq-label" for="fe13528">携帯電話番号<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <input class="elq-item-input change-hide-label" type="text" name="fieldMobile" id="fe13528" value="" style="width:100%;" maxlength="11" /> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <label class="elq-label" for="fe13529"></label> <select class="elq-item-select" id="fe13529" name="fieldState" style="width:100%;" data-value="" x-model="jpState" @change="dealerCode='';$nextTick(() => { console.log(jpState,'test'); access(); });"> <option value="" style="display: none;">都道府県<span class="required">*</span></option> <option value="北海道">北海道</option> <option value="青森県">青森県</option> <option value="岩手県">岩手県</option> <option value="宮城県">宮城県</option> <option value="秋田県">秋田県</option> <option value="山形県">山形県</option> <option value="福島県">福島県</option> <option value="茨城県">茨城県</option> <option value="栃木県">栃木県</option> <!-- <option value="群馬県">群馬県</option>--> <option value="埼玉県">埼玉県</option> <option value="千葉県">千葉県</option> <option value="東京都">東京都</option> <option value="神奈川県">神奈川県</option> <option value="新潟県">新潟県</option> <option value="富山県">富山県</option> <option value="石川県">石川県</option> <option value="福井県">福井県</option> <option value="山梨県">山梨県</option> <option value="長野県">長野県</option> <option value="岐阜県">岐阜県</option> <option value="静岡県">静岡県</option> <option value="愛知県">愛知県</option> <option value="三重県">三重県</option> <option value="滋賀県">滋賀県</option> <option value="京都府">京都府</option> <option value="大阪府">大阪府</option> <option value="兵庫県">兵庫県</option> <option value="奈良県">奈良県</option> <option value="和歌山県">和歌山県</option> <option value="鳥取県">鳥取県</option> <option value="島根県">島根県</option> <option value="岡山県">岡山県</option> <option value="広島県">広島県</option> <option value="山口県">山口県</option> <option value="徳島県">徳島県</option> <option value="香川県">香川県</option> <option value="愛媛県">愛媛県</option> <option value="高知県">高知県</option> <option value="福岡県">福岡県</option> <option value="佐賀県">佐賀県</option> <option value="長崎県">長崎県</option> <option value="熊本県">熊本県</option> <option value="大分県">大分県</option> <option value="宮崎県">宮崎県</option> <option value="鹿児島県">鹿児島県</option> <option value="沖縄県">沖縄県</option> </select> </div> </div> </div> </div> </div> <div class="group form-input footer-links"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <label class="elq-label" for="fe13530">市区町村<span class="required">*</span></label> <input class="elq-item-input change-hide-label" type="text" name="fieldCity" id="fe13530" value="" style="width:100%;" /> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fieldPreferredBike"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fieldPreferredBike" name="fieldPreferredBike" style="width:100%" > <option value="" style="display: none;">どの車両に興味がありますか<span class="required">*</span></option> <option value="FLHXSE">CVO ストリートグライド</option> <option value="FLTRXSE">CVO ロードグライド</option> <option value="FLTRXSTSE">CVO ロードグライドグライド ST</option> <option value="FLTRX">ロードグライド</option> <option value="FLHX">ストリードグライド</option> <option value="FLHXU">ストリートグライド ウルトラ</option> <option value="FXBR">ブレイクアウト</option> <option value="FXLRS">ローライダー S</option> <option value="FXLRST">ローライダー ST</option> <option value="FXBB">ストリートボブ</option> <option value="FLFB">ファットボーイ</option> <option value="FLHC">ヘリテージクラシック</option> <option value="RA1250S">パン アメリカ 1250 スペシャル</option> <option value="RA1250ST">パン アメリカ 1250 ST</option> <option value="RH1250S">スポーツスターS</option> <option value="RH975S">ナイトスタースペシャル</option> <option value="FLHTCUTG">トライグライドウルトラ</option> <option value="FLTRT">ロードグライド ３</option> <option value="HD350-10">ハーレーダビッドソンX350</option> <option value="HD500-10A">ハーレーダビッドソンX500</option> </select> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13531"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13531" name="fieldPreferredDealer" style="width:100%" x-ref="select" x-model="dealerCode" @change="getDealer();"> <option value="" style="display: none;">ご希望の正規ディーラー<span class="required">*</span></option> <template x-if="(jpState != '')" x-for="dealerz in dealers" :key="jpState"> <option :key="dealerz.id" :value="dealerz.id" x-text="dealerz.name"></option> </template> </select> </div> </div> </div> </div> <template x-if="dealerCode != '' && selectedDealer.length"> <div class="dealer-details" style="padding-top:20px;"> <h4 style="font-size:14px;line-height:20px;">ディーラー住所：</h4> <p><span x-html="selectedDealer[0].address"></span></p> <p x-text="selectedDealer[0].phone"></p> </div> </template> </div> <div x-data="{ bikeYes: 'no' }"> <div class="group form-input full-width force-even footer-links"> <label class="elq-label overlap-false" for="fe8018">現在バイクを所有されていますか?<span class="required">*</span></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele" id="fe8018"> <div class="checkbox-parent"> <input @click="bikeYes = 'yes'" type="radio" id="radio-Yes_kv5ox8du" value="Current" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-Yes_kv5ox8du">はい</label> </div> <div class="checkbox-parent"> <input @click="bikeYes = 'no'" type="radio" id="radio-No_7zqmvs5" value="No" name="fieldOwnMotorcycle" /> <label class="checkbox-aligned elq-item-label" for="radio-No_7zqmvs5">いいえ</label> </div> </div> </div> </div> </div> </div> <div x-show="bikeYes == 'yes'" x-cloak="x-cloak"> <div class="group form-input full-width force-odd footer-links"> <label class="elq-label" for="fe8019"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe8019" name="fieldBrand" style="width:100%;"> <option value="" style="display: none;">ブランドを選択</option> <option value="Yamaha">YAMAHA</option> <option value="Honda">HONDA</option> <option value="Kawasaki">Kawasaki</option> <option value="Suzuki">Suzuki</option> <option value="Harley-Davidson">ハーレーダビッドソン</option> <option value="BMW">BMW</option> <option value="Triumph">トライアンフ</option> <option value="Ducati">ドゥカティ</option> <option value="KTM">KTM</option> <option value="Indian">インディアン</option> <option value="Other">その他</option> </select> </div> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width footer-links"> <label class="elq-label" for="fe13533"></label> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <select class="elq-item-select" id="fe13533" name="fieldPurchaseIntent" style="width:100%;" data-value=""> <option value="" style="display: none;">モーターサイクルを購入する予定はありますか。<span class="required">*</span></option> <option value="0-3 Months">購入する予定がある (3か月以内)</option> <option value="4-6 months">購入する予定がある (4 ～ 6か月以内)</option> <option value="7-12 Months">購入する予定がある (7 ～ 12か月以内)</option> <option value="More than 1 year">購入する予定がある (1年以上先)</option> <option value="I am not interested in purchasing at this time">いいえ</option> </select> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldOptIn" id="fe13535" /> <label class="checkbox-aligned elq-item-label" for="fe13535">お得な情報についてお知らせを受け取る</label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width" style="margin-bottom:20px;"> <div class="form-input-wrapper"> <div class="form-input-inner"> <div class="form-input-row"> <div class="form-input-ele"> <div class="checkbox-parent single-checkbox-row"> <input type="checkbox" name="fieldPrivacy" id="fe13536" /> <label class="checkbox-aligned elq-item-label" for="fe13536"><a href='https://www.harley-davidson.com/jp/ja/footer/utility/terms-of-use.html?elqTrackId=a3a9d9f4a3254d4ca0392b151c0fcc56&elqaid=1584&elqat=2&elqak=8AF5C648D27F5243585C7734670B3A929DB2C014CF143515E7A2FA990248CC82CC96' target='_blank' rel='rel noopener' class='text-link'>利用規約</a>と<a href='https://www.harley-davidson.com/jp/ja/footer/utility/privacy-policy.html?elqTrackId=6a4575fac2f9428b95b089484490f13a&elqaid=1584&elqat=2&elqak=8AF5C7D5D7BDBF75161C1CCCDF68BD6293B00DD7C4D22BA800FAD71ED93814EDA247' target='_blank' rel='rel noopener' class='text-link'>プライバシーポリシー</a>に<span class='nobreak'>同意する<span class='elq-required'>*</span></span></label> </div> </div> </div> </div> </div> </div> <div class="group form-input full-width center-align" > <div class="submit-parent"> <input class="submit-button-style" type="Submit" value="申し込みフォーム" id="fe13545" /> </div> </div> <div class="hide" style="display: none;"> <input class="elq-item-input" type="text" name="fieldOptinMethodValidationHelper" id="fe13537" value="1" style="width:100%;" /> <input type="checkbox" name="send_to_TACT" id="fe13538" checked="" /> <input class="elq-item-input" type="text" name="fieldSourceDescription" id="fe13539" value="Eloqua Form" style="width:100%;" /> <input class="elq-item-input" type="text" name="fieldCampaignId" id="fe13544" value="JP25-022-FO" style="width:100%;" /> <input type="hidden" name="utm_medium" id="fe13540" value="" /> <input type="hidden" name="utm_source" id="fe13541" value="" /> <input type="hidden" name="utm_campaign" id="fe13542" value="" /> <input type="hidden" name="source_cd" id="fe13543" value="JP25-023-EM" /> </div> <input type="hidden" name="fieldPreferredmodelname" id="fieldPreferredmodelname"> <script> document.querySelector("#fieldPreferredBike").addEventListener("change", (e)=>{ console.log(e.target.options[e.target.selectedIndex].text) document.querySelector("#fieldPreferredmodelname").value = e.target.options[e.target.selectedIndex].text }); </script> </form> </div> </aside> <script src="https://cdn.jsdelivr.net/npm/exif-js"></script> <div id="text-api" style="display:none"> <img src="https://img07.en25.com/EloquaImages/clients/HARLEYDAVIDSONASIAPACIFICPTELTD/{e5c61132-fba0-4cc8-84d3-a4a633fbb417}_save-error.png" alt="" id="meta-data-cheat"> </div> <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js" defer="defer"></script> <footer id="footer" style="background-color: #ffffff;"> <div class="footer-country" style="text-align: center;">HARLEY-DAVIDSON<sup style="line-height: 1.3; font-size: 70%; mso-text-raise: 60%;">®</sup> <span>Japan</span></div> <nav class="footer-links"> <div style="text-align: center;"><a href="https://www.harley-davidson.com/jp/ja/footer/utility/privacy-policy.html?elqTrackId=716e104001974eedac69f3fa1d6cb963&elq=00000000000000000000000000000000&elqaid=1584&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4505&elqak=8AF53896562B3D10C72B4D6CA8AA42B6436041BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">プライバシーポリシー</a><a href="https://www.harley-davidson.com/jp/ja/footer/utility/terms-of-use.html?elqTrackId=740f1ede60c346dd9b178b16bbc2dc7b&elq=00000000000000000000000000000000&elqaid=1584&elqat=2&elqCampaignId=&elqcst=272&elqcsid=4505&elqak=8AF5F26F2F6847F79D75EE2D06AC389B619A41BF2D3DB9DB5BE417BFFED041DADD4C" rel="noopener">ご利用条件</a></div> </nav> <div style="text-align: center;"><small class="footer-copyright">©2001-2025 H-D. All rights reserved.<br /> Harley-Davidson.com は、世界各国のハーレーダビッドソン情報をお伝えします。<br /> あなたは今、H-D™ Japanを閲覧しています。<br /> Japan </small></div> <div> </div> </footer> <script type="text/javascript" src="https://img07.en25.com/i/livevalidation_standalone.compressed.js"></script> <script> function hideInputLabelOnChange(e){ var parentNode = e.target.parentNode; var loopBreaker = 0 while((!parentNode.classList.contains("form-input")) && (loopBreaker < 12)){ parentNode = parentNode.parentNode loopBreaker++ } var labelDiv = parentNode.querySelector(".elq-label"); if (e.type == "focus"){ labelDiv.classList.add("elq-label-hidden") } else { if (e.target.value == ""){ labelDiv.classList.remove("elq-label-hidden") } else { labelDiv.classList.add("elq-label-hidden") } } } function hideInputLabelEventListener(){ var inputList = Array.from(document.querySelectorAll(".change-hide-label")) inputList.forEach(function(input){ input.addEventListener("change", hideInputLabelOnChange); input.addEventListener("focus", hideInputLabelOnChange); input.addEventListener("blur", hideInputLabelOnChange); }) } function selectGreyOnChange(e){ e.target.classList.add("value-valid") } function selectGreyEventListener(){ var inputList = Array.from(document.querySelectorAll(".select-grey-placeholder")) inputList.forEach(function(input){ input.addEventListener("change", selectGreyOnChange); }) } hideInputLabelEventListener() selectGreyEventListener() </script> <script>function handleFormSubmit(e) { var a = e.querySelector("input[type=submit]"), t = document.createElement("span"); return t.setAttribute("class", "loader"), a.setAttribute("disabled", !0), a.style.cursor = "wait", a.parentNode.appendChild(t), !0 } function resetSubmitButton(e) { for (var a = e.target.form.getElementsByClassName("submit-button"), t = 0; t < a.length; t++)a[t].disabled = !1 } function addChangeHandler(e) { for (var a = 0; a < e.length; a++)e[a].addEventListener("change", resetSubmitButton) } var nodes, form = document.getElementById("form676"); if (addChangeHandler(form.getElementsByTagName("input")), addChangeHandler(form.getElementsByTagName("select")), addChangeHandler(form.getElementsByTagName("textarea")), nodes = document.querySelectorAll("#form676 input[data-subscription]")) for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute("data-subscription"); "true" === status && (nodes[i].checked = !0) } if (nodes = document.querySelectorAll("#form676 select[data-value]")) for (i = 0; i < nodes.length; i++) { var node = nodes[i], selectedValue = node.dataset ? node.dataset.value : node.getAttribute("data-value"); if (selectedValue) for (var j = 0; j < node.options.length; j++)if (node.options[j].value === selectedValue) { node.options[j].selected = "selected"; break } } this.getParentElement = function (e) { return e[e.length - 1].parentElement }; var domBike = document.querySelector("#form676 #fieldPreferredBike"), fieldPreferredBike = new LiveValidation(domBike, { validMessage: "", onlyOnBlur: !1, wait: 300, }); fieldPreferredBike.add(Validate.Presence, { failureMessage: "Please select a bike." }); var dom0 = document.querySelector("#form676 #fe13525"), fe13525 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13525.add(Validate.Length, { tooShortMessage: "文字数が上限を超えています", tooLongMessage: "文字数が上限を超えています", minimum: 0, maximum: 35 }), fe13525.add(Validate.Presence, { failureMessage: "名をご入力ください" }); var dom1 = document.querySelector("#form676 #fe13526"), fe13526 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13526.add(Validate.Presence, { failureMessage: "姓をご入力ください" }), fe13526.add(Validate.Length, { tooShortMessage: "文字数が上限を超えています", tooLongMessage: "文字数が上限を超えています", minimum: 0, maximum: 35 }); var dom2 = document.querySelector("#form676 #fe13527"), fe13527 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13527.add(Validate.Length, { tooShortMessage: "文字数が上限を超えています", tooLongMessage: "文字数が上限を超えています", minimum: 0, maximum: 100 }), fe13527.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "半角英数字でメールアドレスをご入力ください" }), fe13527.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "半角英数字でメールアドレスをご入力ください", negate: "true" }), fe13527.add(Validate.Presence, { failureMessage: "半角英数字でメールアドレスをご入力ください" }); var dom3 = document.querySelector("#form676 #fe13528"), fe13528 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13528.add(Validate.Presence, { failureMessage: "ハイフンなし、半角数字で電話番号を正しく入力してください" }), fe13528.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13528.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }); var dom4 = document.querySelector("#form676 #fe13529"), fe13529 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13529.add(Validate.Presence, { failureMessage: "必須項目です" }); var dom5 = document.querySelector("#form676 #fe13530"), fe13530 = new LiveValidation(dom5, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13530.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13530.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13530.add(Validate.Length, { tooShortMessage: "文字数が上限を超えています", tooLongMessage: "文字数が上限を超えています", minimum: 0, maximum: 35 }), fe13530.add(Validate.Presence, { failureMessage: "必須項目です" }); var dom6 = document.querySelector("#form676 #fe13531"), fe13531 = new LiveValidation(dom6, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13531.add(Validate.Presence, { failureMessage: "ご希望の正規ディーラーをお選びください" }); var dom7 = document.querySelector("#form676 #fe13533"), fe13533 = new LiveValidation(dom7, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13533.add(Validate.Presence, { failureMessage: "必須項目です" }); var dom8 = document.querySelector("#form676 #fe13535"), fe13535 = new LiveValidation(dom8, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom9 = document.querySelector("#form676 #fe13536"), fe13536 = new LiveValidation(dom9, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13536.add(Validate.Acceptance, { failureMessage: "プライバシーポリシーを確認し、同意してください。" }); var dom20 = document.querySelectorAll('#form676 [name="fieldOwnMotorcycle"]'), fe8018 = new LiveValidation(dom20, { validMessage: "", onlyOnBlur: !1, wait: 300, insertAfterWhatNode: this.getParentElement(dom20), isGroup: !0 }, !0); fe8018.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe8018.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe8018.add(Validate.Presence, { failureMessage: "必須項目です" }); var dom21 = document.querySelector("#form676 #fe8019"), fe8019 = new LiveValidation(dom21, { validMessage: "", onlyOnBlur: !1, wait: 300 }); var dom10 = document.querySelector("#form676 #fe13537"), fe13537 = new LiveValidation(dom10, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13537.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13537.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13537.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35 }); var dom11 = document.querySelector("#form676 #fe13538"), fe13538 = new LiveValidation(dom11, { validMessage: "", onlyOnBlur: !1, wait: 300 }), dom12 = document.querySelector("#form676 #fe13539"), fe13539 = new LiveValidation(dom12, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13539.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13539.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35 }); var dom17 = document.querySelector("#form676 #fe13544"), fe13544 = new LiveValidation(dom17, { validMessage: "", onlyOnBlur: !1, wait: 300 }); fe13544.add(Validate.Custom, { against: function (e) { return !e.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i) }, failureMessage: "Value must not contain any URL's" }), fe13544.add(Validate.Custom, { against: function (e) { return !e.match(/(<([^>]+)>)/gi) }, failureMessage: "Value must not contain any HTML" }), fe13544.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35 });</script> <link rel="preload" href="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <noscript> <link rel="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5a4514c2-b1e1-4a0f-82d7-a93e14a74269}_fonts.css" /> </noscript> <script src="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{5339dab2-756e-42e4-b1cf-5afceb2d5c7f}_preload.min.js"></script> <script>!function (t) { "use strict"; t.loadCSS || (t.loadCSS = function () { }); var e = loadCSS.relpreload = {}; if (e.support = function () { var e; try { e = t.document.createElement("link").relList.supports("preload") } catch (t) { e = !1 } return function () { return e } }(), e.bindMediaToggle = function (t) { var e = t.media || "all"; function a() { t.addEventListener ? t.removeEventListener("load", a) : t.attachEvent && t.detachEvent("onload", a), t.setAttribute("onload", null), t.media = e } t.addEventListener ? t.addEventListener("load", a) : t.attachEvent && t.attachEvent("onload", a), setTimeout(function () { t.rel = "stylesheet", t.media = "only x" }), setTimeout(a, 3e3) }, e.poly = function () { if (!e.support()) for (var a = t.document.getElementsByTagName("link"), n = 0; n < a.length; n++) { var o = a[n]; "preload" !== o.rel || "style" !== o.getAttribute("as") || o.getAttribute("data-loadcss") || (o.setAttribute("data-loadcss", !0), e.bindMediaToggle(o)) } }, !e.support()) { e.poly(); var a = t.setInterval(e.poly, 500); t.addEventListener ? t.addEventListener("load", function () { e.poly(), t.clearInterval(a) }) : t.attachEvent && t.attachEvent("onload", function () { e.poly(), t.clearInterval(a) }) } "undefined" != typeof exports ? exports.loadCSS = loadCSS : t.loadCSS = loadCSS }("undefined" != typeof global ? global : this);</script> <script src="https://img07.en25.com/Web/HARLEYDAVIDSONASIAPACIFICPTELTD/{775bbef5-42b6-4e88-844f-ffe5ef6c1351}_ajaxzip3.js"></script> <script> let dealersAllData = {} let dealersAllDataSet = false; function app() { return { accordion: '', jpState: '', dealerName: '', dealerCode: '', selectedDealer: [], dealers: [], dealersAll: dealersAllData, clear() { this.selectedDealer = []; this.dealers = []; this.dealerCode = ''; }, access() { this.clear(); let ccID; switch (this.jpState) { case "北海道": ccID = "北海道" break; case "青森県": ccID = "青森県" break; case "岩手県": ccID = "岩手県" break; case "宮城県": ccID = "宮城県" break; case "秋田県": ccID = "秋田県" break; case "山形県": ccID = "山形県" break; case "福島県": ccID = "福島県" break; case "茨城県": ccID = "茨城県" break; case "栃木県": ccID = "栃木県" break; case "群馬県": ccID = "群馬県" break; case "埼玉県": ccID = "埼玉県" break; case "千葉県": ccID = "千葉県" break; case "東京都": ccID = "東京都" break; case "神奈川県": ccID = "神奈川県" break; case "新潟県": ccID = "新潟県" break; case "富山県": ccID = "富山県" break; case "石川県": ccID = "石川県" break; case "福井県": ccID = "福井県" break; case "山梨県": ccID = "山梨県" break; case "長野県": ccID = "長野県" break; case "岐阜県": ccID = "岐阜県" break; case "静岡県": ccID = "静岡県" break; case "愛知県": ccID = "愛知県" break; case "三重県": ccID = "三重県" break; case "滋賀県": ccID = "滋賀県" break; case "京都府": ccID = "京都府" break; case "大阪府": ccID = "大阪府" break; case "兵庫県": ccID = "兵庫県" break; case "奈良県": ccID = "奈良県" break; case "和歌山県": ccID = "和歌山県" break; case "鳥取県": ccID = "鳥取県" break; case "島根県": ccID = "島根県" break; case "岡山県": ccID = "岡山県" break; case "広島県": ccID = "広島県" break; case "山口県": ccID = "山口県" break; case "徳島県": ccID = "徳島県" break; case "香川県": ccID = "香川県" break; case "愛媛県": ccID = "愛媛県" break; case "高知県": ccID = "高知県" break; case "福岡県": ccID = "福岡県" break; case "佐賀県": ccID = "佐賀県" break; case "長崎県": ccID = "長崎県" break; case "熊本県": ccID = "熊本県" break; case "大分県": ccID = "大分県" break; case "宮崎県": ccID = "宮崎県" break; case "鹿児島県": ccID = "鹿児島県" break; case "沖縄県": ccID = "沖縄県" break; } this.dealers = this.dealersAll[ccID]; console.log("this.dealersAll", dealersAllData) console.log("this.dealers",this.dealers) this.select2Alpine(); }, getDealer() { if (this.dealerCode) { dealerCode = this.dealerCode; this.selectedDealer = this.dealers.filter((dealer) => dealer.id == dealerCode); console.log(this.selectedDealer.name, this.dealerCode); this.dealerName = this.selectedDealer[0].name; } }, groupBy(xs, key) { return xs.reduce(function (rv, x) { (rv[x[key]] = rv[x[key]] || []).push(x); return rv; }, {}); }, select2Alpine() { // this.select2 = $(this.$refs.select).select2(); // this.select2.on("select2:select", (event) => { // this.dealerCode = event.target.value; // if (event.target.value) { // this.getDealer(); // } // }); // this.$watch("dealerCode", (value) => { // this.select2.val(value).trigger("change"); // }); // return () => { // this.select2.select2("destroy"); // }; } } } var groupBy = function (xs, key) { return xs.reduce(function (rv, x) { (rv[x[key]] = rv[x[key]] || []).push(x); return rv; }, {}); }; document.querySelector("form").addEventListener('submit', checkErrors); function checkErrors() { console.log('submitting..'); var error = document.querySelectorAll('.LV_invalid'); console.log(error); if (error.length) { var firstError = document.querySelector(".form .LV_invalid:first-of-type"); var scrollTop = window.scrollY || window.pageYOffset; var y = firstError.getBoundingClientRect().top + scrollTop - 60; console.log(firstError, error[0]); scrollTo(document.body, y, 600); return false; } } var img1 = document.getElementById("meta-data-cheat"); EXIF.getData(img1, function () { var make = EXIF.getTag(this, "Make"); var model = EXIF.getTag(this, "Model"); console.log(make, model) }); // PASTE THIS SNIPPET const iframeSrc = "https://freedom.harley-davidson.com/LP=1292"; const iframeDiv = document.createElement("iframe"); iframeDiv.src = iframeSrc; iframeDiv.style.display = "none"; document.body.appendChild(iframeDiv); if (typeof window.addEventListener != 'undefined') { console.log(`typeof window.addEventListener != 'undefined'`) window.addEventListener('message', function (e) { console.log(e.data); getVarFromIframe(e.data[1]) }, false); } else if (typeof window.attachEvent != 'undefined') { console.log(`typeof window.attachEvent != 'undefined'`) window.attachEvent('onmessage', function (e) { console.log(e.data); getVarFromIframe(e.data) }); } const getVarFromIframe = (iframeVar) => { if (iframeVar) { // PUT CUSTOM CODE HERE if (!dealersAllDataSet && Object.keys(iframeVar).length > 1){ dealersAllData = { ...iframeVar } dealersAllDataSet = true; console.log("dealersAllData", dealersAllData) } let alpineJsMin = document.createElement("script") alpineJsMin.src = "https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" alpineJsMin.setAttribute("type", "module") alpineJsMin.setAttribute("defer", "defer") document.body.appendChild(alpineJsMin) let alpineJsMinIE11 = document.createElement("script") alpineJsMinIE11.src = "https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine-ie11.min.js" alpineJsMinIE11.setAttribute("nomodule", "nomodule") alpineJsMinIE11.setAttribute("defer", "defer") document.body.appendChild(alpineJsMinIE11) } } </script> </body> </html><img style="display:none" src="https://s211266568.t.eloqua.com/visitor/v200/svrGP?pps=60&siteid=211266568&PURLSiteID=5&optin=disabled&PURLSiteAlternateDNSID=0&LandingPageID=1584&PURLRecordID=0&PURLGUID=74FC9F843D4C4F00B88B3629770B84B4&UseRelativePath=True&elq={00000000-0000-0000-0000-000000000000}&elq_ck=0&source_cd=JP25-023-EM" border=0 width=1 height=1 alt="">