You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
537 lines
23 KiB
537 lines
23 KiB
<!DOCTYPE html>
|
|
<html lang="zh-Hant-TW">
|
|
<head>
|
|
<!-- Google Tag Manager -->
|
|
<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-TS4X59X');</script>
|
|
<!-- End Google Tag Manager -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=9" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
|
<meta name="description" content="">
|
|
<meta property="og:image" content="https://creer-design.com/masada/images/header/og.jpg" />
|
|
<meta property="og:image:type" content="image/jpg" />
|
|
<title>永佳捷電梯</title>
|
|
<link rel="icon" sizes="48x48" href="images/header/favicon.ico" type="image/x-icon" />
|
|
<link rel="shortcut icon" sizes="48x48" href="images/header/favicon.ico" type="image/x-icon" />
|
|
<link rel="Bookmark" sizes="48x48" href="images/header/favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/all.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/slick.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/creer.css">
|
|
<style>
|
|
.news-img{
|
|
margin-bottom: 20px;
|
|
height: 180px;
|
|
overflow-y: hidden;
|
|
}
|
|
.home-news-item {
|
|
height: 400px;
|
|
}
|
|
.news-title {
|
|
height: 60px;
|
|
}
|
|
.error {
|
|
color:red !important;
|
|
}
|
|
</style>
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HZGXDG5Y12"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-HZGXDG5Y12');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TS4X59X"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
<header w3-include-html="include/header.html"></header>
|
|
<div id="pre-loader">
|
|
<div class="spinner">
|
|
<div class="rect1"></div>
|
|
<div class="rect2"></div>
|
|
<div class="rect3"></div>
|
|
<div class="rect4"></div>
|
|
<div class="rect5"></div>
|
|
</div>
|
|
</div>
|
|
<main class="home-page">
|
|
<section class="home-video">
|
|
<!-- <video id="home-video" poster="images/index/banner.jpg" preload="auto" loop autoplay muted="true" controls>
|
|
<source type="video/mp4" src="images/index/home-video.mp4" />
|
|
</video> -->
|
|
<img src="images/index/banner.jpg" alt="" class="img-fluid w-100">
|
|
</section>
|
|
<section class="home-advantage">
|
|
<div class="container position-relative">
|
|
<b class="section-en">Masada</b>
|
|
<div class="card-wrap">
|
|
<div class="card-container">
|
|
<header class="section-title wow fadeInDown">
|
|
<h2>電梯安全嗎？</h2>
|
|
</header>
|
|
<div class="home-safe">
|
|
<p>自西元1845年首部垂直載人設備誕生以來，電梯屬冷門工業產品，非大眾終端個體消費品，長期蒙上一層薄紗，不為外人所了解。<br><br>隨著新興科技領域擴張，歷經近180年的演化與蛻變，智能與傳動系統的普及，電梯技術門檻已經降低。<br><br>綜觀汽車產業亦是如此，汽車受發動機(引擎)與變速箱的技術所箝制，長期為世界各大車廠所佔據，導致新進企業進入困難，汽車價格居高不下。</p>
|
|
<p>永磁同步馬達（permanent-magnet synchronous motor），即PM馬達與變頻控制器的應用進步，使得汽車與電梯產業大躍進，如汽車新創公司特斯拉、鴻海、比亞迪等企業皆紛紛投入電動車研製，展現彎道超車的本事，超越原來汽車行業大集團，原因無他，PM馬達與變頻技術非常成熟，並廣為工業領域大量應用所致。<br><br>電梯設備研製邏輯與電動汽車相彷，只是汽車是水平移動，速度快、變量多，電梯是垂直移動、速度慢且是在固定空間井道的交通工具，控制上的複雜程度遠遠低於汽車，安全係數相對很高，所以新創電梯集團在全球紛紛快速崛起。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="home-service">
|
|
<header class="section-title">
|
|
<b>Service</b>
|
|
<h2 class="wow fadeInDown">永佳捷提供的核心服務</h2>
|
|
</header>
|
|
<div class="container">
|
|
<div class="home-service-bg">
|
|
<img src="images/index/home-service-bg.png" alt="" class="img-fluid">
|
|
<ul>
|
|
<li class="safe wow fadeIn"><h3>安全至上</h3></li>
|
|
<li class="professional wow fadeIn"><h3>專業至上</h3></li>
|
|
<li class="service wow fadeIn"><h3>服務馬上到</h3></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="home-about">
|
|
<div class="home-about-wrap">
|
|
<b class="section-en">About</b>
|
|
<div class="home-about-left">
|
|
<header class="section-title wow fadeInDown">
|
|
<h2>公司宗旨</h2>
|
|
</header>
|
|
<div class="home-about-info">
|
|
<h3>以科技引領，讓運載更安全、更貼心，<br>提供更多元選擇，滿足您更高的需求價值。</h3>
|
|
</div>
|
|
</div>
|
|
<div class="slider home-about-slider">
|
|
<div class="home-about-item">
|
|
<img src="images/index/about-1.jpg" alt="" class="img-fluid">
|
|
</div>
|
|
<div class="home-about-item">
|
|
<img src="images/index/about-2.jpg" alt="" class="img-fluid">
|
|
</div>
|
|
<div class="home-about-item">
|
|
<img src="images/index/about-3.jpg" alt="" class="img-fluid">
|
|
</div>
|
|
<div class="home-about-item">
|
|
<img src="images/index/about-1.jpg" alt="" class="img-fluid">
|
|
</div>
|
|
<div class="home-about-item">
|
|
<img src="images/index/about-2.jpg" alt="" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="home-news">
|
|
<div class="home-news-bg"></div>
|
|
<header class="section-title wow fadeInDown">
|
|
<h2>最新消息</h2>
|
|
</header>
|
|
<div class="container-fluid">
|
|
<div class="slider home-news-slider">
|
|
<div class="home-news-item">
|
|
<div class="card-wrap">
|
|
<div class="card-container">
|
|
<article>
|
|
<a href="news/news.html?id=49" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'最新消息','eventLabel':'寶佳少東搶電梯百億商機','event':'ga-event'});">
|
|
<div class="news-img"><img src="img/news/49.jpg" alt="寶佳少東搶電梯百億商機" class="img-fluid"></div>
|
|
<time>2022/10/25</time>
|
|
<div class="news-title"><h5>寶佳少東搶電梯百億商機</h5></div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="home-news-item">
|
|
<div class="card-wrap">
|
|
<div class="card-container">
|
|
<article>
|
|
<a href="news/news.html?id=36" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'最新消息','eventLabel':'永佳捷推新品牌電梯 搶百億商機','event':'ga-event'});">
|
|
<div class="news-img"><img src="img/news/351.jpg" alt="許作名擔任永佳捷顧問表示，永佳捷未來主攻電梯智能維保與汰舊換新等電梯市場搶百億商機。記者黃淑惠／攝" class="img-fluid"></div>
|
|
<time>2022/10/24</time>
|
|
<div class="news-title"><h5>永佳捷推新品牌電梯 搶百億商機</h5></div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="home-news-item">
|
|
<div class="card-wrap">
|
|
<div class="card-container">
|
|
<article>
|
|
<a href="news/news.html?id=48" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'最新消息','eventLabel':'電梯新兵永佳捷 明年打國際盃','event':'ga-event'});">
|
|
<div class="news-img"><img src="img/news/48.jpg" alt="電梯新兵永佳捷 明年打國際盃" class="img-fluid"></div>
|
|
<time>2022/10/22</time>
|
|
<div class="news-title"><h5>電梯新兵永佳捷 明年打國際盃</h5></div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="home-news-item">
|
|
<div class="card-wrap">
|
|
<div class="card-container">
|
|
<article>
|
|
<a href="news/news.html?id=52" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'最新消息','eventLabel':'寶佳投資永佳捷 挑戰電梯三雄','event':'ga-event'});">
|
|
<div class="news-img"><img src="img/news/news.jpg" alt="寶佳投資永佳捷 挑戰電梯三雄" class="img-fluid"></div>
|
|
<time>2022/07/21</time>
|
|
<div class="news-title"><h5>寶佳投資永佳捷 挑戰電梯三雄</h5></div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<b class="section-en">News</b>
|
|
</div>
|
|
</section>
|
|
<section class="home-solution">
|
|
<header class="section-title">
|
|
<b>Solution</b>
|
|
<h2 class="wow fadeInDown">方案選擇</h2>
|
|
</header>
|
|
<div class="container">
|
|
<div class="pricing">
|
|
<div class="slider home-solution-slider">
|
|
<div class="pricing-box text-center">
|
|
<div class="pricing-title">
|
|
<h3>智能維保</h3>
|
|
</div>
|
|
<div class="pricing-features">
|
|
<div class="pricing-bg" style="background-image: url('images/index/solution-1.jpg');"></div>
|
|
<ul>
|
|
<li><a href="intelligent.html#app" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'APP保養計畫','event':'ga-event'});">APP保養計畫</a></li>
|
|
<li><a href="intelligent.html#maintain" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'智能手機維保','event':'ga-event'});">智能手機維保</a></li>
|
|
<li><a href="intelligent.html#gps" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'GPS服務馬上到','event':'ga-event'});">GPS 服務馬上到</a></li>
|
|
<li><a href="intelligent.html#remote" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'遠端監控系統','event':'ga-event'});">遠端監控系統</a></li>
|
|
<li><a href="#" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'LINE@使用介面','event':'ga-event'});"></a>LINE@使用介面</a></li>
|
|
<li><a href="intelligent.html#analyze" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'全面電梯數據分析','event':'ga-event'});">全面電梯數據分析</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-action">
|
|
<a class="btn-draw" href="intelligent.html" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'智能維保','eventLabel':'了解更多','event':'ga-event'});">了解更多</a>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-box pricing-highlight text-center">
|
|
<div class="pricing-title">
|
|
<h3>改修/改造</h3>
|
|
</div>
|
|
<div class="pricing-features">
|
|
<div class="pricing-bg" style="background-image: url('images/index/solution-2.jpg');"></div>
|
|
<ul>
|
|
<li><a href="retrofit.html#benefit" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'改修/改造','eventLabel':'電梯改造好處','event':'ga-event'});">電梯改造好處</a></li>
|
|
<li><a href="retrofit.html#node" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'改修/改造','eventLabel':'電梯改造節點','event':'ga-event'});">電梯改造節點</a></li>
|
|
<li><a href="retrofit.html#advantage" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'改修/改造','eventLabel':'改造服務優勢','event':'ga-event'});">改造服務優勢</a></li>
|
|
<li><a href="retrofit.html#case" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'改修/改造','eventLabel':'改造方案介紹','event':'ga-event'});">改造方案介紹</a></li>
|
|
<!-- <li><a href="javascript: void(0)" onclick="getAnchorLink('retrofit.html#benefit')">電梯改造好處</a></li>
|
|
<li><a href="javascript: void(0)" onclick="getAnchorLink('retrofit.html#node')">電梯改造節點</a></li>
|
|
<li><a href="javascript: void(0)" onclick="getAnchorLink('retrofit.html#advantage')">改造服務優勢</a></li>
|
|
<li><a href="javascript: void(0)" onclick="getAnchorLink('retrofit.html#case')">改造方案介紹</a></li> -->
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-action">
|
|
<a class="btn-draw" href="retrofit.html" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'改修/改造','eventLabel':'了解更多','event':'ga-event'});">了解更多</a>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-box text-center">
|
|
<div class="pricing-title">
|
|
<h3>新梯</h3>
|
|
</div>
|
|
<div class="pricing-features">
|
|
<div class="pricing-bg" style="background-image: url('images/index/solution-3.jpg');"></div>
|
|
<ul>
|
|
<li>標配、選配轎廂意匠</li>
|
|
<li>標配、選配天井選型</li>
|
|
<li>標配、選配地板選型</li>
|
|
<li>標配、選配層門選型</li>
|
|
<li>不鏽鋼扶手選型</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-action">
|
|
<a class="btn-draw" href="products-category.html" onClick="dataLayer.push({'eventCategory':'首頁','eventAction':'新梯','eventLabel':'了解更多','event':'ga-event'});">了解更多</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="home-contact">
|
|
<b class="section-en">Contact</b>
|
|
<div class="home-contact-bg"></div>
|
|
<div class="container position-relative">
|
|
<div class="card-wrap">
|
|
<div class="card-container position-relative">
|
|
<div class="home-contact-bg"></div>
|
|
<header class="section-title wow fadeInDown">
|
|
<h2>永佳捷解決方案探索</h2>
|
|
<p>歡迎您詳實填寫現況和需求，後續永佳捷專業顧問將會立即與您接洽並請留意E-mail信箱</p>
|
|
</header>
|
|
<form id="contactform" role="form" method="post" action="">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="firstname" type="text" class="form-control" name="firstname" placeholder="姓氏*" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="lastname" type="text" class="form-control" name="lastname" placeholder="名字*" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<select class="form-select" aria-label="gender" id="gender" name="gender">
|
|
<option disabled selected value="1">選擇性別*</option>
|
|
<option value="男">男</option>
|
|
<option value="女">女</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="company" type="text" class="form-control" name="company" placeholder="公司名稱/社區名稱*" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="email" type="email" class="form-control" name="email" placeholder="E-mail*" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="tel" type="tel" class="form-control" name="tel" placeholder="電話*" required>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="area" type="text" class="form-control" name="area" placeholder="使用場域*" required>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<select class="form-select" aria-label="job" id="job" name="job">
|
|
<option disabled selected value="1">職稱*</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 class="col-md-6">
|
|
<div class="form-field">
|
|
<select class="form-select" aria-label="service" id="service" name="service">
|
|
<option disabled selected value="1">選擇服務*</option>
|
|
<option value="電梯維保">電梯維保</option>
|
|
<option value="改修、改造">改修、改造</option>
|
|
<option value="新梯諮詢">新梯諮詢</option>
|
|
<option value="電梯健診">電梯健診</option>
|
|
<option value="意見反饋">意見反饋</option>
|
|
<option value="其他">其他</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<select class="form-select" aria-label="where" id="where" name="where" required>
|
|
<option disabled selected value="1">請問您是在哪裡獲得永佳捷智能電梯的資訊的呢?*</option>
|
|
<option value="自行搜尋">自行搜尋</option>
|
|
<option value="LINE廣告">LINE廣告</option>
|
|
<option value="Yahoo新聞">Yahoo新聞</option>
|
|
<option value="其他網路管道">其他網路管道</option>
|
|
<option value="親友推薦">親友推薦</option>
|
|
<option value="永佳捷同仁走訪/邀請">永佳捷同仁走訪/邀請</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="form-field">
|
|
<textarea class="form-control" id="textarea" name="textarea" rows="3" placeholder="請留下您的需求描述或意見回饋*" required></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 row">
|
|
<div class="form-field col-sm-6">
|
|
<a>謝謝您到訪，提交解決方案諮詢表單，表示您已經瞭解並同意接受下方「隱私權政策-關於個人資料處理」的所有權與約定。</a><br>
|
|
<a href="policy.html" target="_blank" style="color:#f44336;">隱私權政策-關於個人資料處理</a>
|
|
</div>
|
|
<div class="form-field col-sm-6">
|
|
<div style="position:relative;top:40%;">
|
|
<input type="checkbox" id="checkPolicy" name="checkPolicy" style="height:25px;width:25px;margin-right:5px;" required><label for="checkPolicy">同意</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-field">
|
|
<input id="contact_verify" type="text" class="form-control" name="verify" placeholder="驗證碼*" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="verifyimg">
|
|
<a href="#" onclick="document.getElementById('captcha').src = 'securimage/securimage_show.php?' + Math.random(); return false"><img id="captcha" src="securimage/securimage_show.php" alt="CAPTCHA Image" style="width:150px;float:left;" /></a>
|
|
<span class="mobile-note" style="float:left;text-align:left;margin-left:10px;">點擊驗證圖片可更換<br>驗證碼不區分大小寫</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<button type="submit" class="btn-draw btn-orange" id="sendContact">送出表單</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer w3-include-html="include/footer.html"></footer>
|
|
<a href="javascript:void(0);" class="scrollup">
|
|
<span class="scrollup-txt">TOP</span>
|
|
<div class="read-more-line">
|
|
<div class="line"></div>
|
|
<div class="dot"></div>
|
|
</div>
|
|
</a>
|
|
<a href="tel:+886800803666" class="call-btn" onClick="dataLayer.push({'eventCategory':'主頁尾','eventAction':'CTA','eventLabel':'立即電話諮詢','event':'ga-event'});">
|
|
<img src="images/footer/call.png" alt="" class="img-fluid">
|
|
立即電話諮詢
|
|
</a>
|
|
<script type="text/javascript" src="js/jquery-3.6.0-min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
|
|
<script type="text/javascript" src="js/wow.min.js"></script>
|
|
<script type="text/javascript" src="js/slick.min.js"></script>
|
|
<script src="common/js/sweetalert.min.js"></script>
|
|
<script src="common/js/jquery.validate.min.js"></script>
|
|
<script type="text/javascript" src="js/creer.js"></script>
|
|
<script type="text/javascript" src="js/index.js"></script>
|
|
<script>
|
|
function getAnchorLink(anchor){
|
|
location.href = anchor;
|
|
}
|
|
</script>
|
|
<script>
|
|
$().ready(function() {
|
|
$("#contactform").validate({
|
|
errorPlacement: function(error, element) {
|
|
// if(element.is( ":checkbox" )){
|
|
// // error append here
|
|
// error.appendTo(element.parent().parent().parent().parent());
|
|
// }else{
|
|
// error.appendTo(element.parent('div'));
|
|
// }
|
|
error.appendTo(element.parent('div'));
|
|
},
|
|
rules: {
|
|
firstname: {
|
|
required: true
|
|
},
|
|
lastname: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
gender: "required",
|
|
company: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
email: {
|
|
required: true,
|
|
email: true
|
|
},
|
|
tel: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
// area: "required",
|
|
job: "required",
|
|
service: "required",
|
|
textarea: "required",
|
|
checkPolicy: "required",
|
|
verify: "required"
|
|
},
|
|
messages: {
|
|
firstname: {
|
|
required: "請輸入姓氏"
|
|
},
|
|
lastname: {
|
|
required: "請輸入名字",
|
|
minlength: "請輸入至少2個字"
|
|
},
|
|
gender: "請選擇性別",
|
|
company: {
|
|
required: "請輸入公司/社區名稱",
|
|
minlength: "請輸入至少2個字"
|
|
},
|
|
email: "請輸入有效的 E-mail 格式",
|
|
tel: {
|
|
required: "請輸入電話",
|
|
minlength: "請輸入至少2個字"
|
|
},
|
|
// area: "請輸入文字",
|
|
job: "請選擇職稱",
|
|
service: "請選擇服務",
|
|
textarea: "請輸入文字",
|
|
checkPolicy: "請勾選是否同意隱私權",
|
|
verify: "請輸入驗證碼"
|
|
},
|
|
errorElement: "span",
|
|
submitHandler: function() {
|
|
sendForm();
|
|
}
|
|
});
|
|
});
|
|
|
|
function sendForm() {
|
|
dataLayer.push({'eventCategory':'首頁','eventAction':'線上諮詢','eventLabel':'送出表單','event':'ga-event'});
|
|
$("#sendContact").prop("disabled", true);
|
|
var form = $("#contactform")[0];
|
|
var formData = new FormData(form);
|
|
$.ajax({
|
|
url: 'common/ajax/contact/Contact.php',
|
|
data: formData,
|
|
type: "POST",
|
|
encoding: "UTF-8",
|
|
dataType: "text",
|
|
processData: false,
|
|
contentType: false,
|
|
cache: false,
|
|
|
|
success: function(data) {
|
|
Swal.fire({
|
|
title: '送出成功',
|
|
text: '',
|
|
icon: 'success',
|
|
showConfirmButton: false,
|
|
timer: 1500
|
|
}).then(function() {
|
|
dataLayer.push({'eventCategory':'線上諮詢','eventAction':'表單','eventLabel':'成功','event':'ga-event'});
|
|
window.location.href = "thanks.html";
|
|
})
|
|
},
|
|
error: function(xhr, status, error) {
|
|
Swal.fire({
|
|
title: '',
|
|
html: xhr.responseText,
|
|
icon: 'error',
|
|
confirmButtonText: '確認'
|
|
});
|
|
}
|
|
});
|
|
$("#sendContact").prop("disabled", false);
|
|
};
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|