<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.gl.dao.*, com.gl.bean.MobileReg"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>我的邀请</title>
<link href="css/style-phone.css" rel="stylesheet">
<link href="css/grey.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<script src="public/new/js/jquery-1.8.3.min.js"></script>
<!--百度地图取得城市不可省略-->
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=hEbCHFklzlNWe43gA7gAgxv2"></script>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("bdMapBox");
var nowCity = new BMap.LocalCity();
nowCity.get(bdGetPosition);
function bdGetPosition(result) {
//当前的城市名
var cityName = result.name;
/*把城市名传递给页面中的hidden，以便于传值*/
//atCity.value = cityName;
document.getElementById("atCity").value = cityName;
/*自定义代码*/
}
</script>
<!--不可省略-->
</head>
<body>
<div class="container bg-phone" id="bg-phone">
<div class="content">
<div class="logo">
<img src="images/logo.png">
</div>
<s:form method="post" class="sign-form" id="regform">
<br>
<s:set name="backMessage" value="#request.backMessage" />
<div class="row">
<div style="color: #F00">
<h3 id="errorMessage">
<s:if test="#backMessage!=null">
${backMessage}
</s:if>
</h3>
<input type="hidden" id="msg"
value="<s:property value='backMessage' />">
</div>
</div>
<s:set name="backresult" value="#request.backresult" />
<s:if test="#backresult!=null">
<div class="row">
<div style="color: #F00">
<h3>
<input type="hidden" id="backresult"
value="<s:property value='backresult' />">
</h3>
</div>
</div>
</s:if>
<s:set name="sendMsgOk" value="#request.sendMsgOk" />
<s:if test="#sendMsgOk!=null">
<input id="sendMsgOk"
value="<s:property value='sendMsgOk' />">
</s:if>
<div class="sign-group mt10">
<%-- <s:textfield name="MobileReg.mobileNo" placeholder="手机号码" type="tel" /> --%>
<input name="mobileReg.mobileNo" value="${mobileReg.mobileNo}"
id="mobileNo" type="tel" placeholder="手机号码" maxlength="11"
οnkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"></input>
<input name="moRadom" value=""
id="moRadom" type="hidden" ></input>
</div>
<div class="sign-group mt10">
<%-- <s:textfield name="MobileReg.password" placeholder="密码(6位数)" type="password"/> --%>
<input name="mobileReg.password" value="${mobileReg.password}"
id="password" type="password" placeholder="密码(6位数)" maxlength="6"
οnkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"></input>
</div>
<div class="sign-group mt10 overf">
<!-- class="red-b"为报错时添加的样式 -->
<div class="chack">
<input id="checkSnp" name="mobileReg.checkSnp"
value="${mobileReg.checkSnp}" type="telp" placeholder="图像验证码"
maxlength="4" οnkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"></input>
</div>
<div class="chack-but">
<!-- <input id="submitMobile" type="button" name="button2" value="获得校验码11" > -->
<div id="regshow"><img id="imgregshow" style="width:76px; height:30"></div>
</div>
</div>
<div class="sign-group mt10 overf">
<!-- class="red-b"为报错时添加的样式 -->
<div class="chack">
<%-- <s:textfield class="red-b" name="MobileReg.checkSn" placeholder="验证码" type="number" /> --%>
<input id="checkSn" name="mobileReg.checkSn"
value="${mobileReg.checkSn}" type="tel" placeholder="验证码"
maxlength="6" οnkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"></input>
</div>
<div class="chack-but">
<!-- <input id="submitMobile" type="button" name="button2" value="获得校验码11" > -->
<input type="button" class="but2" id="chkButtons" style="margin-right:-3px;height:30px;width:77px;" value="获取验证码"></button>
</div>
</div>
<div class="sign-group mt10">
<input id="read_checkbox" type="checkbox" checked /> <span
class="xieyi">我已同意
<a href="javascript:void(0)" id="readagreetext">《给乐生活用户协议》</a>
<a id="downloadapp">立即下载APP</a>
</span> <br>
<!--不可省略-->
<div id="bdMapBox" style="display: none;"></div>
<div style="color: #F00; display: none;">
<input type="text" id="atCity" name="atCity" value="" />
<%-- 当前所在的城市为：<span id="atCity" ></span> --%>
</div>
<!--不可省略-->
</div>
<div class="sign-group mt10">
<button id="regButton" class="but1">立即注册</button>
</div>
<input type="hidden" name="mobileReg.city" id="city">
</s:form>
</div>
<!-- class="succwss hid"中的hid为隐藏，当注册成功时，把hid去掉，便会显示注册成功，把hid删除掉可以看效果-->
<div class="success hid" id="tipsdiv">
<div class="tips">
<h3 id="tipmessage">你已注册成功，请操作以下步骤</h3>
<div class="sign-group mt10">
<a class="but1" id="downloadurl">下载APP，立刻体验</a>
</div>
<p>
<!-- <a href="#" id="close">过后再下载</a> -->
<a href="javascript:void(0)" id="close">过后再下载</a>
</p>
</div>
</div>
<div class="success hid" >
<div id="agree_text">
<div style="color: #000;" >
<h3 class="text-center">给乐生活用户协议</h3>
<div class="sign-group mt10">
<button class="but1" οnclick="layer.closeAll();">我已阅读并了解</button>
</div>
<p>本《协议》是您与深圳给乐信息科技有限公司（下称“给乐”）及其会员在“给乐网”www.365gl.com（下称“给乐网”）上关于注册、使用、管理给乐网账户，以及使用给乐网相关服务所订立的协议。给乐商城及其涉及到的商业模式、产品、商品、服务的所有权和运营权都归给乐所有。给乐对网站有修改、完善、变更、监督、提示的权利。本协议内容的正文和给乐已经发布的或即将发布的各种规则、声明等，都具备同等的法律效力。</p>
<b>一、会员注册协议:</b>
<p>
1、在接受本协议之前，请您仔细阅读本协议的全部内容。如果您对本协议的条款有疑问的，请通过客服渠道进行询问，给乐公司将向您解释条款内容。<b>如果您不同意本协议的任意内容，或者无法准确理解给乐公司对条款的解释，请不要同意本协议或使用本协议项下的服务，否则，表示您已接受了以下所述的条款和条件，同意受本协议约束。届时您不应以未阅读本协议的内容或者未获得给乐公司对您问询的解答等理由，主张本协议无效，或要求撤销本协议</b>;
</p>
<p>2、您承诺接受并遵守本协议的约定即可注册成为会员。如果您不同意本协议的约定，您应立即停止注册程序或停止使用给乐网服务;</p>
<p>
3、<b>给乐网有权根据需要不时地制订、修改本协议或各类规则，并以网站公示的方式进行公告，不再单独通知您。变更后的协议和规则一经在网站公布后，立即自动生效。如您不同意相关变更，应当立即停止使用给乐网服务，如您继续使用给乐网服务，即表示您接受经修订的协议。</b>
</p>
<b>二、给乐服务保护条款:</b>
<p>1、
“给乐网”服务仅供依法能够且有权订立具有法律约束力合约的自然人、法人及非法人组织使用。因此，用户应为具备完全民事行为能力的自然人，或依法成立、存续的法人或非法人组织。用户违反本项条件，“给乐网”可随时、全权决定拒绝向其提供服务，若因此给“给乐网”或第三方造成损失，用户承担全部赔偿责任。</p>
<p>2、本站运用自己的操作系统通过国际互联网络为会员（用户）提供网络服务。同时，会员（用户）必须自行配备上网的所需设备，包括个人电脑、调制解调器或其它必备上网装置;自行负担个人上网所支付的与此服务有关的电话费用、网络费用。基于本站所提供的网络服务的重要性，会员（用户）应同意提供详尽、准确的个人资料，并不断更新注册资料，使其符合及时、详尽、准确的要求。本站保证不公开用户的真实姓名、地址、电子邮箱和联系电话等用户信息，
除以下情况外： (1)用户授权本站透露这些信息。 (2)相应的法律及程序要求本站提供用户的个人资料。</p>
<p>3、给乐网为会员（用户）提供合法的、健康的产品及服务，但是会员（用户）应对其使用“给乐网”自行承担责任及风险，给乐在任何情况下不就因会员使用或不是“给乐网”提供的服务所发生的特殊的、意外的、直接或间接的损失承担赔偿责任。（1）禁止任何商业目的的注册。“给乐网”鼓励以使用为目的换领和换购给乐商品，但禁止一切商业目的和商业行为，若会员（用户）利用“给乐网”的服务、产品从事任何以商业为目的行为，给乐有权采取取消订单、冻结或关闭账户等措施，给给乐造成的损失，会员（用户）承担赔偿责任，构成犯罪的，给乐有权提请国家主管部门追究其行政和刑事责任。（2）本站将尽最大努力保证您所购商品与市场上公布的价格接近。产品的价格和可获性都在本站上指明，这类信息将随时更改。您所换购的商品，如果发生缺货，会员有权取消定单。</p>
<b>三、给乐网会员使用规则 </b>
<p>1、
特别提示会员（用户），使用互联网必须遵守国家有关的政策和法律，包括刑法、国家安全法、保密法、计算机信息系统安全保护条例等，保护国家利益，保护国家安全，对于违法使用互联网络而引起的一切责任，由用户负全部责任。</p>
<p>2、
会员（用户）在申请使用“给乐网”提供的网络服务时，必须向给乐提供详尽准确的个人资料，如个人资料有任何变动，必须及时更新，因信息有误导致的损失将由用户自行承担。</p>
<p>3、会员（用户）可在“给乐网”评论及查看信息，但不得通过“给乐网”发送或传播敏感信息和违反国家法律法规政策的信息，此类信息包括但不限于：（1）
反对宪法所确定的基本原则的；（2） 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的;（3） 损害国家荣誉和利益的;（4）
煽动民族仇恨、民族歧视，破坏民族团结的； (5） 破坏国家宗教政策，宣扬邪教和封建迷信的；（6）
散布谣言，扰乱社会秩序，破坏社会稳定的；（7） 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；（8）
侮辱或者诽谤他人，侵害他人合法权益的；（9） 含有法律、行政法规禁止的其他内容的。</p>
<p>4、会员（用户）享有检举权，会员（用户）在使用“给乐网”服务过程中若发现违法、违规、侵权或其他任何违反本服务条款的行为，有权通过给乐网客服向给乐进行检举，给乐将通过对举报内容的核实采取相应的措施。会员（用户）保证其检举事项的真实性、公正性，同时尊重给乐对被检举事项的处置措施。</p>
<p>
5、<b>会员（用户）违反本条“用户使用基本规则”，给乐公司有权视情节的严重采取警告、限期改正、暂停服务、取消订单、禁止交易、封闭帐号、永久禁止注册等措施，给给乐公司或第三方造成损失的，给乐公司有权采取一切合法的诉讼与非诉手段进行索赔；会员（用户）行为构成犯罪的，给乐公司有权通知和协助国家主管部门进行查处。</b>
</p>
<p>6、用户一旦注册成功，成为本站的合法会员，将得到一个密码和用户名。会员可随时根据指示改变您的密码。会员需谨慎合理的保存、使用用户名和密码。会员若发现任何非法使用会员帐号或存在安全漏洞的情况，请立即通知本站和向公安机关报案。</p>
<p>
7、使用“给乐网”服务过程中，会员有义务保管好个人账号及密码，并对他人使用私人计算机作出限制。如果因为会员管理不善造成帐号、密码等被复制或被盗用，相应损失由会员自行承担。同时，通过该会员的个人帐户在“给乐网”上发生的所有活动以及产生的责任，亦应由该会员承担。本站将会把产品送到会员所指定的送货地址，所有物流费会员承担。所有在本站上列出的送货时间为参考时间，参考时间的计算是根据库存状况、正常的处理过程和送货时间、送货地点的基础上估计得出的。请清楚准确地填写会员的真实姓名、送货地址及联系方式。因如下情况造成订单延迟或无法配送等，本站将无需承担迟延配送的责任：(1)
会员提供错误信息和不详细的地址；(2)货物送达无人签收，由此造成的重复配送所产生的费用及相关的后果。(3)不可抗力，例如：自然灾害、交通戒严、突发战争等。如果会员需要办理退换货，可通过以下方式进行办理：（1）网站自助服务：可以更换商品的颜色或尺码，如需办理，可登录给乐网“我的给乐商城-我的订单”直接办理（了解详细的办理方式，可点击查看网上退换货流程）。
（2）客服电话：4000-200-365（仅收市话费）
（3）会员接受给乐为了保障公司业务发展和调整的自主权，拥有随时修改或中断服务而不需通知会员的权利，给乐行使修改或中断服务的权利不需对会员或任何第三方负责。会员必须在同意本条款的前提下，给乐才开始对用户提供服务。尊重会员个人隐私是本站的一项基本政策。本站一定不会在未经合法会员授权时公开、编辑或透露其注册资料及保存在本站中的非公开内容。本站将可能不定期的修改本会员协议的有关条款，一旦条款及服务内容产生变动，本站将会在重要页面上提示修改内容。法律管辖和其他（1）本协议的订立、执行和解释及争议的解决均应适用中国法律。（2）如发生本站服务条款与中国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它有效条款继续有效。（3）<b>如双方就本协议内容或其执行发生任何争议，双方应尽力友好协商解决；协商不成时，任何一方均可向广东省深圳市罗湖区人民法院提起诉讼。</b>
</p>
<div class="sign-group mt10">
<button class="but1" οnclick="layer.closeAll();">我已阅读并了解</button>
</div>
<br>
</div>
</div>
</div>
</div>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="js/layer-mobile/layer.js"></script>
<script src="js/icheck.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
var leftSeconds = 60;//倒计时时间10秒
var intervalId;
function CountDown() {//倒计时方法,此段代码不能放$(document).ready(function()中，否则无法执行
if (leftSeconds <= 0) {
$("#chkButtons").val("获取验证码"); //当时间<=0的时候改变按钮的value
$("#chkButtons").attr("disabled",false);//如果时间<=0的时候按钮可用
clearInterval(intervalId); //取消由 setInterval() 设置的 timeout
return;
}
leftSeconds--;
$("#chkButtons").val("倒计时:"+leftSeconds+"秒");
}
$("#regshow").click(function(){
var random = $("#moRadom").val();
$.ajax({
type: 'POST',
dataType: 'json',
url: 'JsonAction',
async: false,
data: {'moRadom' : random},
success: function(json){
jsondata=$.parseJSON(json);
var t=jsondata.data;
var divshow = $("#regshow");
divshow.text("");// 清空数据
h="<img id=\"mops\" src='data:image/jpg;base64,"+t+"' style=\"width:79px;height:30px;margin-right:-4px;\"/>";
divshow.append(h);
},
error:function() {
alert("系统数据异常,请稍后再试......");
}
});
});
$(document).ready(function() {
$.ajax({
type: 'POST',
dataType: 'json',
url: 'JsonAction',
async: false,
success: function(json){
jsondata=$.parseJSON(json);
var t=jsondata.data;
var randomcode= jsondata.randomcode;
var divshow = $("#regshow");
var random = $("#moRadom").val(randomcode);
divshow.text("");// 清空数据
h="<img id=\"mops\" src='data:image/jpg;base64,"+t+"' style=\"width:79px;height:30px;margin-right:-4px;\"/>";
divshow.append(h);
},
error:function() {
alert("系统数据异常,请稍后再试......");
}
});
$("#chkButtons").click(function(){
$('#errorMessage').html(""); //初始化错误提示信息
$("#regform").removeAttr("action");
$("#mobileNo").removeClass("red-b");
$("#password").removeClass("red-b");
$("#checkSn").removeClass("red-b");
var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
var flag = true;
var mobileno = $('#mobileNo').val();
if (mobileno == "") {
$('#mobileNo').focus();
$('#errorMessage').html("请输入手机号码！");
//alert('请输入手机号码！');
flag = false;
$("#mobileNo").addClass("red-b");
return false;
//此处不能用return,否则程序会继续执行
}else if(mobileno.length !=11){
message = "";
$('#mobileNo').focus();
$('#errorMessage').html("请输入有效的手机号码！");
//alert('请输入手机号码！');
flag = false;
$("#mobileNo").addClass("red-b");
return false;
}
var password = $('#password').val();
if (password == "") {
$('#password').focus();
$('#errorMessage').html("请输入密码！");
//alert('请输入密码！');
flag = false;
$("#password").addClass("red-b");
return false;
}
//密码不能少于6位
if (password.length!=6) {
$('#password').focus();
$('#errorMessage').html("请输入6位密码！");
//alert('请输入密码！');
flag = false;
$("#password").addClass("red-b");
return false;
}
var checkSnp = $('#checkSnp').val();
if (checkSnp == "") {
$('#checkSnp').focus();
$('#errorMessage').html("请输入图片验证码！");
//alert('请输入验证码！');
flag = false;
$("#checkSnp").addClass("red-b");
return false;
}
var checkSnp = $('#checkSnp').val();
var mobileNo = $('#mobileNo').val();
var random = $("#moRadom").val();
$.ajax({
type: 'POST',
dataType: 'json',
url: 'MessageAction',
async: false,
data: {'mobileNo' : mobileNo ,'checkSnp' : checkSnp ,'random' : random},
success: function(json){
jsondata=$.parseJSON(json);
var error=jsondata.descript;
$('#errorMessage').html(error);
if (jsondata.result =="0") { //代表验证码发放成功
$("#chkButtons").attr("disabled", true);//设置短信发放按钮不可用
intervalId = setInterval("CountDown()",1000);//调用倒计时的方法
} else {
$("#chkButtons").attr("disabled", false);//设置短信发放按钮不可用
}
},
error:function() {
alert("系统数据异常,请稍后再试......message");
}
});
});
$("#close").click(function() {
$("#tipsdiv").addClass("hid");
});
$("#readagreetext").click(function() {
//以下是关于手机上的应用模式
var pageii = layer.open({
type: 1,
content:$("#agree_text").html(),
style: 'position:fixed; left:0; top:0; width:100%; height:100%; border:none;overflow:auto;padding:10px'
});
// //提示框
// layer.open({
// content: '您好',
// time: 2 //2秒后自动关闭
// });
// //信息框
// layer.open({
// title: '信息',
// content: '移动版和PC版不能同时使用在同一页面。'
// });
// //询问框
// layer.open({
// title: '提示',
// content: '您确定要刷新一下本页面吗？',
// btn: ['嗯', '不要'],
// yes: function(index){
// location.reload();
// layer.close(index);
// }
// });
// //页面层
// layer.open({
// type: 1,
// content: '可传入任何内容，支持html。一般用于手机页面中',
// anim: 0,
// style: 'position:fixed; bottom:0; left:0; width:100%; height:150px; padding:10px 0; border:none;'
// });
// //加载层
// layer.open({type: 2});
});
$('input').iCheck({
checkboxClass : 'icheckbox_square-grey',
increaseArea : '20%' // optional
});
var height1 = $(document).height();
$(window).load(function() {
$("#bg-phone").height(height1);
});
//样式设置
$("input").bind("focus", function() {
$(this).addClass("hidden");
})
$(".red-b").bind("blur", function() {
if ($(this).val().length !== 0)
$(this).removeClass("red-b");
})
$("input").bind("blur", function() {
if ($(this).val().length == 0)
$(this).removeClass("hidden");
})
});
</script>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-964340.html
