139 lines
4.4 KiB
HTML
139 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>联系我们-私慕官网</title>
|
|
<meta
|
|
name="keywords"
|
|
content="联系私慕,如何联系私慕,私慕商务合作,私慕媒体采访,私慕投诉与建议"
|
|
/>
|
|
<meta
|
|
name="description"
|
|
content="欢迎您就商务合作、媒体采访、投诉与建议联系私慕，我们将尽快与您联系。"
|
|
/>
|
|
<link rel="canonical" href="http://seemore.club/contactUs/contactUs.html" />
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="./css/less.less" type="text/css" rel="stylesheet/less" />
|
|
<script src="../js/less.min.js"></script>
|
|
<script src="../js/jquery.min.js"></script>
|
|
<script src="../js/api.js"></script>
|
|
<script>
|
|
$(function () {
|
|
$(".header").load("./public/header.html");
|
|
$(".footer").load("./public/footer.html");
|
|
});
|
|
|
|
function vali() {
|
|
var phoneNumber = $("#phoneNumber").val();
|
|
if (
|
|
phoneNumber.length === 11 &&
|
|
/^((13|14|15|17|18|19)[0-9]{1}\d{8})$/.test(phoneNumber)
|
|
) {
|
|
$(".errText").hide();
|
|
btn_enable(true);
|
|
} else {
|
|
$(".errText").show();
|
|
btn_enable(false);
|
|
}
|
|
}
|
|
|
|
function btn_enable(bool) {
|
|
if (bool) {
|
|
$("#btn_submit").addClass("on");
|
|
$("#btn_submit").removeAttr("disabled");
|
|
} else {
|
|
$("#btn_submit").removeClass("on");
|
|
$("#btn_submit").attr("disabled", "disabled");
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="header"></div>
|
|
<div class="sub_bg">
|
|
<div class="bg"></div>
|
|
<div class="container">
|
|
<div class="layout">
|
|
<div class="title">联系我们</div>
|
|
<div class="feedback">
|
|
感谢您的关注，请留下您的手机号码，我们会主动联系您：
|
|
</div>
|
|
<ul class="contactUsUl">
|
|
<li>
|
|
<i class="circle"></i>
|
|
选择联系事宜
|
|
<div class="input_group affairs">
|
|
<label
|
|
><input
|
|
type="radio"
|
|
checked
|
|
name="affairs"
|
|
value="商务合作"
|
|
/>
|
|
商务合作</label
|
|
>
|
|
<label
|
|
><input type="radio" name="affairs" value="媒体采访" />
|
|
媒体采访</label
|
|
>
|
|
<label
|
|
><input type="radio" name="affairs" value="投诉与建议" />
|
|
投诉与建议</label
|
|
>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<i class="circle"></i>
|
|
联系电话
|
|
<div class="input_group">
|
|
<input
|
|
id="phoneNumber"
|
|
type="text"
|
|
placeholder="请输入联系电话"
|
|
onkeyup="vali()"
|
|
/>
|
|
<div class="errText">手机号格式错误</div>
|
|
<p>
|
|
<button
|
|
id="btn_submit"
|
|
disabled="disabled"
|
|
onclick="saveContactInfo()"
|
|
>
|
|
提交
|
|
</button>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="splitLine"></div>
|
|
<div class="feddback_email">或者您可以给我们发邮件：</div>
|
|
<ul class="contactUsUl">
|
|
<li>
|
|
<p><i class="circle"></i>客服邮箱</p>
|
|
<p>contact@seemore.club</p>
|
|
</li>
|
|
<li>
|
|
<p><i class="circle"></i>商务洽谈</p>
|
|
<p>business@seemore.club</p>
|
|
</li>
|
|
<li>
|
|
<p><i class="circle"></i>媒体采访邮箱</p>
|
|
<p style="margin-bottom: 0">media@seemore.club</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dialog">
|
|
<div class="dialog_box">
|
|
<div class="dialog_title"><span>提示</span></div>
|
|
<div class="dialog_content">提交成功，我们会尽快与您联系。</div>
|
|
<div class="dialog_btn">
|
|
<button class="btn_ok" onclick="$('.dialog').hide()">确定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer"></div>
|
|
</body>
|
|
</html>
|