seemore-web/mobile/generalize/generalize.html

258 lines
11 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 href="../../css/m_generalize.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>
var timer = 60;
var pull_svip_end_time = false;
var isWechat = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
var is_weixin = false;
var is_ios = false;
var browser = {
versions: function () {
var u = navigator.userAgent, app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 2015-01-22新增
qq: u.match(/\sQQ/i) == " qq" //是否QQ
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
//判断时间是否过期
function judgeTime(time) {
var strtime = time.replace("/-/g", "/");//时间转换
//时间
var date1 = new Date(strtime);
//现在时间
var date2 = new Date();
//判断时间是否过期
return date1 < date2 ? true : false;
}
function isMobile() {
let flag = false
const sUserAgent = navigator.userAgent.toLowerCase();
const bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
const bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
const bIsMidp = sUserAgent.match(/midp/i) == 'midp';
const bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
const bIsUc = sUserAgent.match(/ucweb/i) == 'web';
const bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
const bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
const bIsAndroid = sUserAgent.match(/android/i) == 'android';
if (bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid) {
flag = true
} else {
flag = false
}
return flag;
}
$(function () {
if (isMobile()) {
// window.location.href = '/mobile/index.html'
} else {
window.location.href = '/generalize/generalize.html'
}
var _endTime = get_invite_diamond().pull_svip_end_time;
pull_svip_end_time = judgeTime(_endTime);
if (pull_svip_end_time) {
$('#dialog_over').show();
$('.btnRegister').addClass('register_off');
$('.btnRegister').attr('disabled', 'disabled');
}
is_weixin = browser.versions.weixin ? true : false;
if (is_weixin) {
$('.useAppBrowser').show()
}
is_ios = browser.versions.ios ? true : false;
// if (isWechat) {
// alert('请用手机浏览器打开');
// // $('body').empty();
// var str = '<span style="color: #fff;">请用浏览器打开此页面</span>';
// $('body').append(str)
// }else {
// alert('请用手机浏览器打开')
// // $('body').empty();
// var str = '<span style="color: #fff;">请用浏览器打开此页面</span>';
// $('body').append(str)
// }
// console.log(browser.versions.android)
// console.log()
// $('body').empty();
// $('body').append(browser.versions.ios ? 'IOS' : 'AN');
});
function elErrText(text) {
$('.errText').text(text);
}
function vali_Phone() {
if (pull_svip_end_time) {
return
}
var phoneNumber = $('#phoneNumber').val();
$('#text_phone').text(phoneNumber);
if (phoneNumber != '') {
if (phoneNumber.length === 11 && /^(13[0-9]|15[012356789]|17[0-9]|18[0-9]|14[57]|19[89]|16[6])[0-9]{8}$/.test(phoneNumber)) {
if (timer == 60) {
$('.btn_code').removeAttr('disabled');
$('.btn_code').addClass('on');
}
elErrText('');
return true;
} else {
if (timer == 60) {
$('.btn_code').removeClass('on');
$('.btn_code').attr('disabled', 'disabled');
}
elErrText('手机号格式错误');
return false;
}
} else {
elErrText('手机号不能为空');
}
}
function vali_code() {
var code = $('#code').val();
if (code != '') {
if (/^\d{4}$/.test(code)) {
elErrText('');
return true;
} else {
elErrText('验证码格式错误,4位数字');
return false;
}
} else {
elErrText('验证码不能为空');
}
}
function vali_pwd() {
var pwd = $('#password').val();
if (pwd != '') {
if (/^[0-9A-Za-z]{6,16}$/.test(pwd)) {
elErrText('');
return true;
} else {
elErrText('登录密码格式错误,6-16位数字或字母');
return false;
}
} else {
elErrText('登录密码不能为空');
}
}
function vali_checkInput() {
var flag = $('#checkInput').is(':checked');
if (flag) {
elErrText('');
} else {
elErrText('请勾选用户协议和隐私条款');
}
return flag;
}
function downloadApp() {
$('#dialog_register').hide();
if (is_ios) {
window.open('https://itunes.apple.com/cn/app/id1417092899');
} else {
var src = 'http://image.seemore.club/seemore.apk';
var form = document.createElement('form');
form.action = src;
document.getElementsByTagName('body')[0].appendChild(form);
form.submit();
// window.open('http://image.seemore.club/eae18bc41e1434dd98fa2dd989531da8/1544692603000.apk');
}
}
</script>
</head>
<body>
<img src="./img/1.png" alt="">
<div class="container">
<div class="option">
<img src="./img/2.png" alt="">
</div>
</div>
<img src="./img/3.png" alt="">
<img src="./img/4.png" alt="">
<img src="./img/5.png" alt="">
<img src="./img/6.png" alt="">
<div class="container">
<div class="register">
<div class="title text-center">
<img class="text-center" src="./img/7.png" alt="">
<div class="sub_title">私慕,遇见更多,做你所想!</div>
</div>
<div class="form">
<div class="tip"><i>*</i>如果您是通过线上兼职任务来到这里,请完成
以下注册,根据要求截图即可完成兼职任务
</div>
<div class="input-group">
<input id="phoneNumber" class="input input-full" type="text" placeholder="请输入手机号"
onkeyup="vali_Phone()">
<input id="code" class="input input-half" type="text" placeholder="请输入验证码" onblur="vali_code()">
<button class="btn_code" onclick="getCode()" disabled="disabled">获取验证码</button>
<input id="password" class="input input-full" type="password" placeholder="请设置登录密码" onblur="vali_pwd()">
</div>
<div class="col-xs-12 errText"></div>
<div class="privacy">
<input id="checkInput" type="checkbox" onclick="vali_checkInput()">
<label for="checkInput">注册成为会员即为同意以下</label>
<a href="http://www.seemore.club/mobile/privacy/privacy.html">用户协议和隐私条款</a>
</div>
<button class="btnRegister" onclick="inviteRegist('PULL_SVIP')"></button>
<div class="recommend">友情推荐:您在注册完成后,邀请您根据引导进入私慕平台,认识更多帅哥美女……</div>
</div>
</div>
<div class="statement">本活动最终解释权归私慕公司所有</div>
<div id="dialog_register" class="dialog">
<div class="dialog_box">
<div class="dialog_content">手机号为 <span id="text_phone"></span> 的用户</div>
<div>你已注册成功!点击确定按钮</div>
<div>即可下载安装私慕APP</div>
<div class="registerTip">友情推荐:您在注册完成后,邀请您根据引导
进入私慕平台,认识更多帅哥美女……
</div>
<div class="dialog_btn">
<button class="btn_ok" onclick="downloadApp()">确定</button>
</div>
</div>
</div>
<div id="dialog_over" class="dialog">
<div class="dialog_box" style="padding: 40px 32px;">
<div class="dialog_over_msg">该活动已结束</div>
<div class="dialog_btn">
<button class="btn_ok" onclick="$('#dialog_over').hide()">确定</button>
</div>
</div>
</div>
<div class="useAppBrowser">
<div class="arrow"></div>
<div class="btn_border">请点击右上角,使用浏览器打开</div>
</div>
</div>
</body>
</html>