注册欣欣会员_欣欣旅游网

<!doctype html> <html> <head> <meta charset="gbk"/> <meta http-equiv="x-ua-compatible" content="ie=8"/> <title>注册欣欣会员_欣欣旅游网_CNCN.com</title> <meta name="description" content="欣欣旅游网:用户注册"/> <link href="//s.cncnimg.cn/css/wd/my_top.css" rel="stylesheet" type="text/css"/> <style type="text/css"> .main h3 { padding: 4px 10px; font-size: 19px; font-family: "microsoft yahei"; } .main h3 em { padding-left: 5px; font-size: 14px; } .main h3 span.other { padding-top: 8px; float: right; color: #777; font-family: "宋体"; font-size: 12px; font-weight: normal; color: #f60; } .main h3 span.other a { color: #16b; } .main h3 span.other a:hover { color: #f60; } .box1000_bg { display: block; padding: 5px; background: #f2f2f2; overflow: hidden; } .box990 { width: 970px; padding: 30px 9px; border: 1px solid #D6D6D6; background: #fff; overflow: hidden; zoom: 1; } .box1000 { width: 1000px; margin: 0 auto; background: #fff; overflow: hidden; zoom: 1; } .box_form { width: 650px; float: left; color: #555; } .box_form dl { display: block; float: left; padding: 10px 0; line-height: 26px; overflow: hidden; } .box_form dt { width: 120px; float: left; text-align: right; font-size: 14px; } .box_form dt em { padding: 0 5px; color: #ff7d7d; font-size: 12px; } .box_form dd { width: 530px; float: left; vertical-align: middle; } .box_form dd span.change_mobile { width: 97px; float: left; margin-right: 5px; display: inline; height: 30px; background: url(//s.cncnimg.cn/images/ico_register.png) no-repeat 0 0; cursor: pointer; } .box_form dd span.change_mobile.on { background-position: right -66px; } .box_form dd span.change_email { width: 97px; float: left; height: 30px; background: url(//s.cncnimg.cn/images/ico_register.png) no-repeat -97px 0; cursor: pointer; } .box_form dd span.change_email.on { background-position: right -96px; } .box_form dd span.change_mobile a, .box_form dd span.change_email a { display: block; width: 92px; height: 30px; } .box_form dd input.text { width: 150px; float: left; padding: 0 3px; height: 24px; line-height: 24px; border-top: 1px solid #999; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #999; vertical-align: middle; } .c_999 { color: #999; } .box_form dd input.text50 { width: 50px; } .box_form dd span.error { float: left; margin-left: 5px; display: inline; line-height: 22px; padding: 0 8px 0 26px; color: #333; border: 1px solid #ffd5a1; background: #fff8ee url(//s.cncnimg.cn/images/ico_error.png) no-repeat 8px 0; overflow: hidden; } .box_form dd span.tip { padding-left: 3px; color: #888; vertical-align: middle; } .box_form dd span.tip img { float: left; margin: 0 3px; } .box_form dd span a { padding-left: 5px; color: #16b; } #code_show img { margin-left: 3px; vertical-align: top; float: left; margin-top: -8px } .box_form .button { margin-top: 5px; padding-left: 120px; } .box_form .button input.submit { display: inline-block; padding: 6px 10px; _padding: 3px 0 0 0; line-height: 18px; font-family: "microsoft yahei"; font-size: 16px; color: #fff; border: 1px solid #f26000; border-radius: 2px; background: #fe7c00; text-decoration: none; } .box_form .button input.submit:hover { border: 1px solid #f1760c; background: #fe960c; } .box_form .button a.btn { display: inline-block; padding: 6px 10px; _padding: 3px 0 0 0; line-height: 18px; font-family: "microsoft yahei"; font-size: 16px; color: #fff; border: 1px solid #f26000; border-radius: 2px; background: #fe7c00; text-decoration: none; } .box_form .button a.btn:hover { color: #fff; border: 1px solid #f1760c; background: #fe960c; } .box_form .button a { color: #16b; } .box_form .button a:hover { color: #f60; } button.SentCode { margin-top: -2px; margin-left: 3px; padding: 4px 10px; padding: 0 5px \9; line-height: 22px \9; } .box_form dd span.error { float: left; margin-left: 5px; display: inline; line-height: 24px; padding: 0 8px 0 26px; color: #333; border: 1px solid #ffd5a1; background: #fff8ee url(//s.cncnimg.cn/images/ico_error.png) no-repeat 8px 0; overflow: hidden; } .box_form dd span.success { float: left; height: 26px; line-height: 26px; padding: 0 8px 0 26px; color: #333; background: url(//s.cncnimg.cn/images/ico_error.png) no-repeat 8px -21px; overflow: hidden; } .box_form dd span.success1 { float: left; margin-left: 5px; display: inline; height: 24px; line-height: 24px; padding: 0 8px 0 26px; color: #333; border: 1px solid #dbe8b8; background: #f8faf1 url(//s.cncnimg.cn/images/ico_error.png) no-repeat 8px -23px; overflow: hidden; } .box_form .tips { padding-left: 120px; line-height: 18px; } #register .altbg1 { text-align: right; width: 130px; background: #F6F6F6; font-weight: bold; padding: 3px 0; } #register .altbg2 { width: 20px; text-align: center; color: #990000; } #register .altbg3 { width: 170px; } #register .altbg4 { line-height: 15px; padding-top: 4px; width: 400px; } #register .altbg5 { width: 560px; } #ContractContent { width: 600px; height: 150px; overflow-y: scroll; border: 1px solid #D8E7C9; text-align: left; padding: 5px; margin: 0 auto; } #ContractContent p { margin: 0 0 20px 0; } .f11 { width: 234px; } .readme { float: left; text-indent: 6px; color: #666; } /*密码强度*/ .psdiv0, .psdiv1, .psdiv2, .psdiv3, .psdiv4 { position: relative; height: 30px; color: #666; clear: both; } /*密码强度容器*/ .strongdepict { position: absolute; width: 250px; left: 0px; top: 3px } /*密码强度固定文字*/ .strongbg { position: absolute; left: 0px; top: 22px; width: 158px; height: 10px; background-color: #E0E0E0; font-size: 0px; line-height: 0px } /*灰色强度背景*/ .strong { float: left; font-size: 0px; line-height: 0px; height: 10px } /*色块背景*/ .psdiv0 span { display: none } .psdiv1 span { display: inline; color: #F00 } .psdiv2 span { display: inline; color: #C48002 } .psdiv3 span { display: inline; color: #2CA4DE } .psdiv4 span { display: inline; color: #063 } .psdiv0 .strong { width: 0px } .psdiv1 .strong { width: 25%; background-color: #F00 } .psdiv2 .strong { width: 50%; background-color: #F90 } .psdiv3 .strong { width: 75%; background-color: #2CA4DE } .psdiv4 .strong { width: 100%; background-color: #063 } .box_form dd .warning { float: left; _padding-top: 6px; } .side { width: 260px; float: right; height: 300px; padding: 0 10px 0 30px; border-left: 1px solid #e1e1e1; } .side span.hz { display: block; padding-top: 10px; border-top: 1px dotted #e1e1e1; color: #777; } .side p { line-height: 30px; font-size: 12px; color: #777; } .side p.first { color: #333; } .side p.first a { color: #16b; } .side p.first span { display: block; line-height: 14px; font-size: 12px; color: #999; } .side p a { color: #16b; } .side p a:hover { color: #f60; } .side .login_other { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dotted #e1e1e1; } .side .login_other a { display: inline-block; width: 112px; height: 35px; background: url(//s.cncnimg.cn/images/ico_register.png) no-repeat; } .side .login_other a.sina { margin-right: 5px; background-position: 0 -30px; } .side .login_other a.qq { background-position: -112px -30px; } .side .login_other a.weixin { margin-right:5px; background-position:0 -127px; } .side li { padding-left: 24px; color: #777; font-size: 12px; line-height: 24px; background: url(//s.cncnimg.cn/images/ico_register.png) no-repeat -207px 0; } .box1000 .box_form { float: none; margin: 50px auto; overflow: hidden; } .box1000 .box_form .top_tip { padding-left: 100px; line-height: 50px; } .box1000 .box_form .top_tip i { display: inline-block; width: 16px; float: left; margin-top: 16px; margin-right: 4px; height: 16px; background: url(//s.cncnimg.cn/images/ico_register.png) no-repeat -69px -66px; } .box_form .top_tip em { padding: 0 3px; color: #090; } .box_form .top_tip a { color: #16b; } .box_form .top_tip a:hover { color: #f60; } .success_box { position: relative; width: 400px; padding: 60px 340px; } .success_box i { position: absolute; margin-left: -80px; margin-top: -10px; width: 60px; height: 61px; background: url(//s.cncnimg.cn/images/ico_register.png) no-repeat 0 -66px; } .success_box strong { display: inline; font-size: 16px; font-family: "microsoft yahei"; } .success_box a { color: #16b; } .success_box a:hover { color: #f60; } .success_box p { color: #999; line-height: 30px; } #reginfo { text-align: center; } #reginfo li { clear: both; color: #f60; } #reginfo a { color: #16b; } #reginfo a:hover { color: #f60; } </style> <script type="text/javascript" src="//s.cncnimg.cn/js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> var profile_seccode_invalid = '验证码为四位阿拉伯数字，请正确填写。如看不清图片中的文字请点击图片刷新验证码。'; var profile_username_info = '会员登录名只能由5-15个英文字母或数字组成。'; var profile_username_toolong = '对不起，您的用户名超过 15 个字符，请输入一个较短的用户名。'; var profile_username_tooshort = '对不起，您输入的用户名小于4个字符, 请输入一个较长的用户名。'; var profile_username_illegal = '用户名包含敏感字符或被系统屏蔽，请重新填写。'; var profile_passwd_illegal = '密码空或包含非法字符，请重新填写。'; var profile_passwd_notmatch = '两次输入的密码不一致，请检查后重试。'; var profile_passwd_tooshort = '对不起，您的密码小于6个字符，请输入一个较长的密码。'; var profile_email_illegal = 'Email 地址无效，请重新填写。'; var profile_email_invalid = '您只能使用以结尾的信箱，请重新填写。'; var profile_email_censor = '请不要使用以结尾的信箱，请重新填写。'; var profile_email2_illegal = '确认邮箱不一致，请检查。'; var profile_checkcode_notmatch = '验证码不一致，请检查。'; var profile_mobile_illegal = '手机号码不正确。'; function checkmobile() { var mobile = trim(gt("mobile").value); if (!(/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(mobile))) { warning(gt('checkmobile'), profile_mobile_illegal); return false; } else { ajaxresponse('checkmobile', 'action=checkmobile&mobile=' + mobile); objok(gt("checkmobile")); } return true; } function checkemail() { var email = trim(gt("email").value); var cu = gt('checkemail'); var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.)+\w+$/; if (reMail.test(email)) { ajaxresponse('checkemail', 'action=checkemail&email=' + email); objok(gt("checkemail")); } else { warning(gt('checkemail'), profile_email_illegal); return false; } return true; } function checkcode() { var user_code = document.register.code.value; if (!user_code) { warning(gt('checkcode'), profile_checkcode_notmatch); return false; } ajaxresponse('checkcode', 'action=checkcode&code=' + user_code); return true; } function ajaxresponse(objname, data) { var x = new Ajax('HTML', objname); x.get('/reg_cncn.php?inajax=1&' + data, function (s) { var obj = gt(objname); if (s == 'succeed') { objok(obj); } else { warning(obj, s); } }); } function checkpassword(confirm) { var password = trim(document.register.password.value); var cp = gt('checkpassword'); if (password == '' || password.length < 6) { warning(cp, profile_passwd_tooshort); return false; } if ($('#chkpswd').hasClass('psdiv2')) { warning(cp, '不能单独使用字母、数字或符号'); return false; } if (/[\'\"\\]/.test(password)) { warning(cp, profile_passwd_illegal); return false; } } function checkpassword2(confirm) { var password = document.register.password.value; var password2 = document.register.password2.value; var cp2 = document.getElementById('checkpassword2'); if (password == '' || (confirm && password2 == '')) { return false; } if (password != password2) { warning(cp2, profile_passwd_notmatch); return false; } else { objok(cp2); } } function trim(str) { return str.replace(/^\s*(.*?)[\s\n]*$/g, '$1'); } function objok(obj) { obj.style.display = ''; obj.innerHTML = ''; obj.className = "success"; } function warning(obj, msg) { obj.style.display = ''; obj.innerHTML = msg; obj.className = "error"; } function checkPwd(pwd) { if (pwd == "") { gt("chkpswd").className = "psdiv0"; gt("chkpswdcnt").innerHTML = ""; } else if (pwd.length < 6) { gt("chkpswd").className = "psdiv1"; gt("chkpswdcnt").innerHTML = "太短"; } else if (!isPassword(pwd) || !/^[^%&]*$/.test(pwd)) { gt("chkpswd").className = "psdiv0"; gt("chkpswdcnt").innerHTML = ""; } else { var csint = checkStrong(pwd); // console.log(pwd,csint); switch (csint) { case 1: gt("chkpswdcnt").innerHTML = "很弱"; gt("chkpswd").className = "psdiv" + (csint + 1); gt("checkpassword").className = "error"; gt("checkpassword").innerHTML = "不能单独使用字母、数字或符号"; return false; case 2: gt("chkpswdcnt").innerHTML = "一般"; gt("chkpswd").className = "psdiv" + (csint + 1); gt("checkpassword").className = "success"; gt("checkpassword").innerHTML = ""; break; case 3: gt("chkpswdcnt").innerHTML = "很强"; gt("chkpswd").className = "psdiv" + (csint + 1); gt("checkpassword").className = "success"; gt("checkpassword").innerHTML = ""; break; } } } function isPassword(str) { if (str.length < 3) return false; var len; var i; len = 0; for (i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 255) return false; } return true; } function charMode(iN) { if (iN >= 48 && iN <= 57) //数字 return 1; if (iN >= 65 && iN <= 90) //大写字母 return 2; if (iN >= 97 && iN <= 122) //小写 return 4; else return 8; //特殊字符 } //计算出当前密码当中一共有多少种模式 function bitTotal(num) { modes = 0; for (i = 0; i < 4; i++) { if (num & 1) modes++; num >>>= 1; } return modes; } //返回密码的强度级别 function checkStrong(pwd) { modes = 0; for (i = 0; i < pwd.length; i++) { //测试每一个字符的类别并统计一共有多少种模式. modes |= charMode(pwd.charCodeAt(i)); } return bitTotal(modes); } function submitForm(ths) { var theform = ths.form var url; let privacy = $('input[name="privacy"]') if (theform.mobile) { var mobile = theform.mobile.value; if (mobile == "" || mobile == '请输入您常用的手机号码') { warning(gt('checkmobile'), profile_mobile_illegal); return false; } url = '&mobile=' + mobile; } if (theform.email) { var email = theform.email.value; if (email == "" || email == '请输入您常用的邮箱') { warning(gt('checkemail'), profile_email_illegal); return false; } url = '&email=' + email; } //checkpassword(true); //checkpassword2(true); if($('#checkpassword').hasClass('error') || $('#checkpassword2').hasClass('error')){ return false; } if($('#password').val() != $('#password2').val()){ warning(document.getElementById('checkpassword2'), profile_passwd_notmatch); return false; } if(!privacy.is(':checked')){ alert('请先同意《欣欣旅游网服务协议》') return false } checkcode(); var code = theform.code.value; var url = '/reg_cncn.php?inajax=1&action=check_form' + url + '&code=' + code $.get(url, function (data) { if (data == 'succeed') { theform.submit(); } else { var arr = data.split('|'); var obj = gt(arr[0]); warning(obj, arr[1]); return false; } }); } </script> </head> <body> <div class="header"> <div class="logo"><a href="http://www.cncn.com" title="美好旅程从欣欣开始"></a></div> <span class="saying ">美好旅程从欣欣开始</span> <div class="quick_menu"> <ul> <li> <span id="top_user"> 您好,  <a rel="nofollow" href="http://www.cncn.com/login.php?forward=" target="_self" onClick="_gaq.push(['_trackEvent', 'page_hits', 'nav', 'denglu', 1]);">请登录</a>  <a rel="nofollow" href="http://www.cncn.com/reg_cncn.php" target="_self" onClick="_gaq.push(['_trackEvent', 'page_hits', 'nav', 'zhuce', 1]);">免费注册</a> </span> </li>  <li>|</li> <li class="mobile"><s></s><a href="http://www.cncn.com/mobile/" onClick="_gaq.push(['_trackEvent', 'page_hits', 'nav', 'mobile', 1]);">手机版</a></li> <li>|</li> <li><a href="/daohang/">网站导航</a></li> </ul> </div> </div> <script type="text/javascript" src="//s.cncnimg.cn/js/ajax2013.js"></script> <script type="text/javascript" src="//s.cncnimg.cn/js/zone.js"></script> <div id="register" class="main mt10"> <h3><span class="other">如果您是旅行社，需要入驻欣欣，<a href="http://www.cncn.net/reg">请点此前往 ></a></span>注册新会员</h3> <div id="step"> <ul> <li class="on">1.填写帐户信息<b></b></li> <li><s></s>2.验证账户信息<b></b></li> <li><s></s>3.注册成功<b class="last"></b></li> </ul> </div> <div class="box1000_bg mt10"> <div class="box990"> <form method="post" name="register" action="reg_cncn.php" id="modiform"> <div class="box_form"> <dl> <dt>注册方式：</dt> <dd> <span class="change_mobile on"><a href="reg_cncn.php?action=reg_mobile" title="用手机注册"></a></span> <span class="change_email"><a href="reg_cncn.php?action=reg_email" title="用邮箱注册"></a></span> </dd> </dl> <dl class="mobile"> <dt>手机号码：</dt> <dd><input type="text" name="mobile" size="11" id="mobile" onBlur="checkmobile()" tabindex="1" class="text c_999" maxlength="11" value="请输入您常用的手机号码"><span class="readme" id="checkmobile"></span></dd> </dl> </dl> <dl> <dt>登录密码：</dt> <dd> <input type="password" name="password" size="25" maxlength="16" id="password" onBlur="checkpassword()" onKeyUp="checkPwd(this.value);" tabindex="3" class="text"> <span class="readme" id="checkpassword">6-16位，区分大小写,字母、数字、特殊符号中的两种或两种以上</span> <div class="psdiv0" id="chkpswd"> <div class="strongdepict">密码安全程度：<span id="chkpswdcnt">太短</span></div> <div class="strongbg"> <div class="strong"></div> </div> </div> </dd> </dl> <dl> <dt>确认密码：</dt> <dd> <input type="password" name="password2" size="25" id="password2" onBlur="checkpassword2()" tabindex="4" class="text"> <span class="readme" id="checkpassword2"></span> </dd> </dl> <dl> <dt>验证码：</dt> <dd> <input type="text" name="code" size="4" maxlength="4" id="code" value="" onBlur="checkcode()" tabindex="6" class="text notice" style="width:50px"> <span id="checkcode"></span><span id="code_show"></span> <span class="tip"><a href="javascript:void(0);" onClick="showcode();return false;">换一张</a></span> </dd> </dl> <dl> <dt>&emsp;</dt> <dd> <label for=""> <input name="privacy" type="checkbox" style="vertical-align: -2px;"> 同意<a href="/help/privacy.html" style="text-decoration: none;color: #16b;">《欣欣旅游网服务协议》</a> </label> </dd> </dl> <div class="button"> <input type="hidden" name="action" value="regsubmit"/> <input tabindex="6" type="button" name="regsubmit" value="提交注册信息" class="submit" onclick="submitForm(this);"/> </div> </div> </form> <div class="side"> <p class="first">已是会员，<a href="/login.php">直接登录 ></a></p> <span class="hz">使用合作网站账号登录</span> <div class="login_other"> <a href="https://www.cncn.com/login/weixin/" title="使用微信账号登录" class="weixin"></a> <a href="https://www.cncn.com/login/sina.php" title="使用新浪微博账号登录" class="sina"></a> <a href="https://www.cncn.com/login/qq/oauth/" title="使用QQ账号登录" class="qq"></a> </div> <p>成为会员，享受更多会员服务 <a href="/corp/aboutus.html">了解欣欣</a></p> <ul> <li>在线预订服务保障</li> <li>会员专享优惠产品及优惠劵</li> <li>产品收藏夹与订单点评</li> </ul> </div> </div> </div> <script type="text/javascript"> //验证码 function showcode() { gt("captcha_img").src = "/captcha.php?" + Math.random(); } gt("code_show").innerHTML = '<img id="captcha_img" src="/captcha.php?' + Math.random() + '" />'; // 初始化验证码 </script> <script> function CodeTimeout(v) { if (v > 0) { $('#MobileInvCode span').html('重发邀请码(' + (--v) + ')'); setTimeout(function () { CodeTimeout(v) }, 1000); } else { $('#MobileInvCode')[0].disabled = false; $('#MobileInvCode span').html('重发邀请码'); } } $('#MobileInvCode').click(function () { var mobiletel = $("#mobiletel").val(); var t = this; t.disabled = true; var url = "&mobiletel=" + mobiletel; $.post(url, true, function (data) { $("#mobile_check").html(''); if (data == 'succeed') { CodeTimeout(60); gt("mobile_check").className = 'success1' $("#mobile_check").html('发送成功'); return false; } else { gt("mobile_check").className = 'error' $("#mobile_check").html(data); t.disabled = false; return false; } }); }); function CodeTimeout2(v) { if (v > 0) { $('#EmailInvCode span').html('重发邀请码(' + (--v) + ')'); setTimeout(function () { CodeTimeout2(v) }, 1000); } else { $('#EmailInvCode')[0].disabled = false; $('#EmailInvCode span').html('重发邀请码'); } } $('#EmailInvCode').click(function () { var email = $("#email").val(); var t = this; t.disabled = true; var url = "/reg_cncn.php?inajax=1&action=email_code&email=" + email; $.post(url, true, function (data) { if (data == 'succeed') { CodeTimeout2(60); return false; } else { t.disabled = false; return false; } }); }); function check_form() { var tform = document.modiform; var mobiletel = $("#mobiletel").val(); var checkcode = $("#checkcode").val(); ajaxresponse_ip('code_check', 'action=reg_checkcode&mobiletel=' + mobiletel + '&checkcode=' + checkcode); return true; } function ajaxresponse_ip(objname, data) { var url = "/mobile_check.php?" + data; $.post(url, true, function (data) { var obj = gt(objname); if (data == 'succeed') { obj.innerHTML = ''; $('#modiform').submit(); } else { if (data == 'mobile_code_error') { obj.innerHTML = '请输入正确的验证码'; } else { obj.innerHTML = data; } obj.className = 'error' return false; } }); } $(".web_nav").mouseover(function () { $(this).addClass("hov") }) $(".web_nav").mouseout(function () { $(this).removeClass("hov") }) //输入框处发效果 $.fn.focusEffect = function () { var $input = this; $input.focus(function () { if ($input.val() == '' || $input.val() == this.defaultValue) { $input.val(''); $input.css({ color: '#333' }) } }); $input.blur(function () { if ($input.val() == '') { $input.val(this.defaultValue); $input.css({ color: '#aaa' }) } }) } $('#mobile').focusEffect(); $('#email').focusEffect(); </script> </div> </div> <script src="https://www.cncn.com/checklogin_v4.php"></script> <div id="footer"> <script src="//s.cncnimg.cn/js/under_info.js"></script> </div> </body> </html>

CINXE.COM

注册欣欣会员_欣欣旅游网_CNCN.com