122 lines
5.3 KiB
HTML
122 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
|
|
<title>联系我们</title>
|
|
<link rel="canonical" href="http://seemore.club/contactUs/contactUs.html">
|
|
<link href="../../css/mobile.less" type="text/css" rel="stylesheet/less">
|
|
<link href="../../css/bootstrap.min.css" type="text/css" rel="stylesheet">
|
|
<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');
|
|
}
|
|
}
|
|
|
|
function select_radio(e) {
|
|
if (e.target.tagName === 'INPUT') {
|
|
}
|
|
else if (e.target.tagName === 'LABEL') {
|
|
e.target.nextSibling.checked = true
|
|
} else {
|
|
e.target.childNodes[1].checked = true
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="header"></div>
|
|
<div class="body">
|
|
<div class="layout">
|
|
<div class="panel-child">
|
|
<div class="contactUs">
|
|
<div class="title bold">联系我们</div>
|
|
<div class="feedback bold">感谢您的关注，请留下您的手机号码，我们会主动联系您：</div>
|
|
<ul class="contactUsUl bold">
|
|
<li>
|
|
<i class="circle"></i>
|
|
选择联系事宜
|
|
<ul class="radio_group affairs">
|
|
<li onclick="select_radio(event)"><label for="affairs"> 商务合作</label><input type="radio"
|
|
checked
|
|
name="affairs"
|
|
value="商务合作">
|
|
</li>
|
|
<li onclick="select_radio(event)"><label for="affairs"> 媒体采访</label><input type="radio"
|
|
name="affairs"
|
|
value="媒体采访">
|
|
</li>
|
|
<li onclick="select_radio(event)"><label for="affairs"> 投诉与建议</label><input type="radio"
|
|
name="affairs"
|
|
value="投诉与建议">
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<i class="circle"></i>
|
|
联系电话
|
|
</li>
|
|
</ul>
|
|
<div class="input_group">
|
|
<input id="phoneNumber" type="text" placeholder="请输入联系电话" onkeyup="vali()">
|
|
<div class="errText">手机号格式错误</div>
|
|
<button id="btn_submit" disabled="disabled" onclick="saveContactInfo()">提交</button>
|
|
</div>
|
|
<div class="feddback_email bold">或者您可以给我们发邮件：</div>
|
|
<ul>
|
|
<li>
|
|
<i class="circle"></i>
|
|
<p class="type">客服邮箱</p>
|
|
<p class="email">contact@seemore.club</p>
|
|
</li>
|
|
<li>
|
|
<i class="circle"></i>
|
|
<p class="type">商务洽谈邮箱</p>
|
|
<p class="email">business@seemore.club</p>
|
|
</li>
|
|
<li>
|
|
<i class="circle"></i>
|
|
<p class="type">媒体采访邮箱</p>
|
|
<p class="email">media@seemore.club</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</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> |