關於我們
ABOUT
最新消息
NEWS
產品介紹
PRODUCT
常見問答
FAQ
相簿專區
ALBUM
行銷影音
VIDEO
下載專區
DOWNLOAD
相關文章
BLOG
聯絡我們
CONTACT
服務流程
PROCESS
徵才資訊
CAREERS
團隊介紹
TEAM
分店資訊
BRANCH
0
CONTACT
聯絡我們
公
司：
OO服飾
統
編：
00000000
營業時間：
周一至周五 9:00-18:00
電
話：
0400000000
傳
真：
0400000000
信
箱：
000@gmail.com
地
址：
台中市西屯區....
<div class="contactCol"> <section> <label for="name">姓 名</label> <input type="text" id="name" placeholder="請填寫你的真實姓名"> </section> </div> <div class="contactCol"> <section> <label for="tel">連絡電話</label> <input type="text" id="tel" placeholder="ex : 04-12345678 、0912345678"> </section> </div> <div class="contactCol"> <section> <label for="mail">電子信箱</label> <input type="text" id="email" placeholder="ex : abc123@gmail.com"> </section> </div> <div class="contactCol"> <section> <span>性 別</span> <label for="man"><input type="radio" name="sex" id="man" value="男" checked>男</label> <label for="woman"><input type="radio" name="sex" id="woman" value="女">女</label> </section> </div> <div class="contactColAll"> <section> <p>說明內容</p> <textarea id="content" placeholder="請輸入您想諮詢或者留言的內容"></textarea> </section> </div> <div class="checkRow"> <div>若您同意我們收集以上您所填寫的內容，並進一步連絡您，請打勾以下我同意欄位。</div> <label for="check"><input type="checkbox" id="check">我同意收集我所填寫的資料並與我聯繫。</label> </div> </div> <div class="homeMore"> <button id="sendBtn" onclick="submit()" title="點按送出"><span id="sendBtnText">確定送出</span></button> </div> </div> </div> </div> <script> function submit() { $("#sendBtn").prop('disabled', true); $("#sendBtnText").html('<i class="fa fa-spinner fa-spin"></i>') let errorMsg = []; let errorObj = []; if ($("#name").val().trim() == "") { errorMsg.push('姓名未填寫！'); errorObj.push($("#name")); } if ($("#tel").val().trim() == "") { errorMsg.push('聯絡電話未填寫！'); errorObj.push($("#tel")); } else { const regTel = /\d{2,3}-\d{7,8}|09\d{8}/ if (!regTel.test($("#tel").val())) { errorMsg.push('聯絡電話格式不正確！<br>(格式 : 04-12345678、0912345678)'); errorObj.push($("#tel")); } } if ($("#email").val().trim() == "") { errorMsg.push('電子信箱未填寫！'); errorObj.push($("#email")); } else { const regEmail = /[\w-]+@([\w-]+\.)+[\w-]+/ if (!regEmail.test($("#email").val())) { errorMsg.push('電子信箱格式不正確！'); errorObj.push($("#email")); } } if ($("#content").val().trim() == "") { errorMsg.push('留言內容未填寫！'); errorObj.push($("#content")); } if (!$("#check").prop('checked')) { errorMsg.push('同意收集資料未勾選！'); errorObj.push($("#check")); } if (errorMsg.length > 0) { let html = '<ul>'; for (let i in errorMsg) { html += '<li>' + errorMsg[i] + '</li>'; } html += '</ul>'; error(html, (result) => { if (result.isConfirmed) { $("#sendBtn").prop('disabled', false) $("#sendBtnText").html('確定送出') setTimeout(() => { errorObj[0].focus(); }, 300); } }); } else { let data = { "name": $("#name").val(), "tel": $("#tel").val(), "email": $("#email").val(), "sex": $('input[type="radio"]:checked').val(), "content": $("#content").val(), }; $.ajax({ type: 'POST', url: 'api/contact.php', data: data, dataType: "json", success: function (data) { if (data.status) { $("html,body").animate({ scrollTop: 0 }, 900); toast('感謝您的留言，接下來將有專人與您聯絡。', 'success') $('input[type="text"], textarea').val(''); $('input[name="sex"][value="男"]').prop('checked', true); $('#check').prop('checked', false); } else { toast('發生錯誤！', 'error') } $("#sendBtn").prop('disabled', false) $("#sendBtnText").html('確定送出') } }); } } </script> <div class="community"> <a title="另開新頁面前往 facebook 粉絲專頁" href="https://www.facebook.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-fb communityIcon"></i> </a> <a title="另開新頁面前往 facebook messenger" href="https://www.facebook.com/messages/t/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-message communityIcon"></i> </a> <a title="另開新頁面前往 instagram" href="https://www.instagram.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-instagram communityIcon"></i> </a> <a title="另開新頁面前往 line" href="https://m.me/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-line communityIcon"></i> </a> <a title="另開新頁面前往 youtube" href="https://www.youtube.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-youtube communityIcon"></i> </a> <a title="另開新頁面前往 twitter" href="https://x.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-twitter communityIcon"></i> </a> <a title="另開新頁面前往 wechat" href="https://www.wechat.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-weixin communityIcon"></i> </a> <a title="另開新頁面前往 tiktok" href="https://www.tiktok.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-tiktok communityIcon"></i> </a> <div class="goTop"><img src="/dist/img/goTop.svg" alt=""></div> </div> <footer> <div class="content"> <div class="row_none"> <div class="logo"> <figure> <a href="/index.php" title="回首頁"> <img src="" alt="頁尾 logo"> </a> </figure> <div class="menu"> <ul class="row"> <li class=""> <a href="/about.php" title="前往關於我們">關於我們</a> </li><li class=""> <a href="/news.php" title="前往最新消息">最新消息</a> </li><li class=""> <a href="/product.php" title="前往產品介紹">產品介紹</a> </li><li class=""> <a href="/qa.php" title="前往常見問答">常見問答</a> </li><li class=""> <a href="/album.php" title="前往相簿專區">相簿專區</a> </li><li class=""> <a href="/video.php" title="前往行銷影音">行銷影音</a> </li><li class=""> <a href="/download.php" title="前往下載專區">下載專區</a> </li><li class=""> <a href="/blog.php" title="前往相關文章">相關文章</a> </li><li class="active"> <a href="/contact.php" title="前往聯絡我們">聯絡我們</a> </li><li class=""> <a href="/process.php" title="前往服務流程">服務流程</a> </li><li class=""> <a href="/careers.php" title="前往徵才資訊">徵才資訊</a> </li><li class=""> <a href="/team.php" title="前往團隊介紹">團隊介紹</a> </li><li class=""> <a href="/branch.php" title="前往分店資訊">分店資訊</a> </li> </ul> </div> <div class="footerCommunity"> <a title="另開新頁面前往 facebook 粉絲專頁" href="https://www.facebook.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-fb communityIcon"></i> </a> <a title="另開新頁面前往 facebook messenger" href="https://www.facebook.com/messages/t/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-message communityIcon"></i> </a> <a title="另開新頁面前往 instagram" href="https://www.instagram.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-instagram communityIcon"></i> </a> <a title="另開新頁面前往 line" href="https://m.me/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-line communityIcon"></i> </a> <a title="另開新頁面前往 youtube" href="https://www.youtube.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-youtube communityIcon"></i> </a> <a title="另開新頁面前往 twitter" href="https://x.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-twitter communityIcon"></i> </a> <a title="另開新頁面前往 wechat" href="https://www.wechat.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-weixin communityIcon"></i> </a> <a title="另開新頁面前往 tiktok" href="https://www.tiktok.com/" target="_blank"> <!-- 使用 icomoon 圖示 --> <i class="icon-tiktok communityIcon"></i> </a> </div> </div> <div class="data"> <section> <ul> <li><span>公<b></b>司：</span><strong>OO服飾</strong></li><li><span>統<b></b>編：</span><strong>00000000</strong></li><li><span>營業時間：</span><strong>周一至周五 9:00-18:00</strong></li><li><span>電<b></b>話：</span><strong><a href="tel:0400000000" title="撥打電話 0400000000">0400000000</a></strong></li><li><span>傳<b></b>真：</span><strong>0400000000</strong></li><li><span>信<b></b>箱：</span><strong><a href="mailto:000@gmail.com" title="發送 email 到 000@gmail.com">000@gmail.com</a></strong></li><li class="addLi"><span>地<b></b>址：</span><strong><a href="https://maps.app.goo.gl/..." target="_blank" title="另開新頁面 - 前往台中市西屯區....">台中市西屯區....</a></strong></li> </ul> </section> </div> </div> </div> <div class="copyright"> <div class="privacyRow"> <a href="/support.php?id=2" title="前往服務條款">服務條款</a><a href="/support.php?id=1" title="前往隱私權政策">隱私權政策</a> <a href="sitemap.php">網站地圖</a> </div> <p>採用全球最先進 SSL 傳輸加密機制 丨 建議使用 Chrome、Firefox、 Safari 最新版本瀏覽(測試)</p> </div> </footer> <div class="iconFixed"> <div> <a href="/product.php" title="前往商品專區"> <p><i class="fa-solid fa-shop"></i></p>商品專區 </a> </div> <div> <a href="/member/index.php" title="前往會員中心"> <p><i class="fa-solid fa-user"></i></p>會員中心 </a> </div> <div> <a href="/cart/cart.php" title="前往購物車"> <p><i class="fa-solid fa-cart-shopping"></i></p>購物車 </a> </div> <div> <a href="tel:0400000000" target="_blank" title="撥打電話 0400000000"> <p><i class="fa-solid fa-phone"></i></p>客服專線 </a> </div> <div> <a href="javascript:;" class="goTopXs" title="回頂部"> <p><i class="fa-solid fa-chevron-up"></i></p>回頂部 </a> </div> </div> <div class="cookiesWrap" id="cookiesWrap"> <article> 本網站使用 Cookies 為您提供更好的用戶體驗,繼續使用本網站表示您同意我們的<a href="support.php?id=1" title="前往隱私權政策">隱私權政策</a>。 </article> <div class="btnWrap"> <a href="javascript:;" id="cookiesBtn" title="點按同意">同意</a> </div> </div> <script> var iconLength = $(".iconFixed").find("div").length; if (iconLength == 4) { $(".iconFixed").find("div").css({ "flex": "0 0 calc(100% / 4)", "max-width": "calc(100% / 4)", }) } else if (iconLength == 3) { $(".iconFixed").find("div").css({ "flex": "0 0 calc(100% / 3)", "max-width": "calc(100% / 3)", }) } else if (iconLength == 2) { $(".iconFixed").find("div").css({ "flex": "0 0 calc(100% / 2)", "max-width": "calc(100% / 2)", }) } else if (iconLength == 1) { $(".iconFixed").find("div").css({ "flex": "0 0 calc(100% / 1)", "max-width": "calc(100% / 1)", }) } </script></body> </html>
