102 lines
4.1 KiB
HTML
102 lines
4.1 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> |