CINXE.COM
太平洋创作平台
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" /> <title>太平洋创作平台</title> <meta name="keywords" content="keywords" /> <meta name="description" content="description" /> <meta content="always" name="referrer" /> <!-- 页面样式文件 --> <link rel="stylesheet" href="//www1.pconline.com.cn/pgc/register/zip/20221202/pgc/css/com.css"> <link rel="stylesheet" href="//www1.pconline.com.cn/pgc/register/zip/20221202/pgc/css/index1.css?t=1"> <style> .JhideBox{ display: none; } </style> </head> <body> <div class="doc"> <div class="header"> <div class="nav"> <img class="logo" src="//www1.pconline.com.cn/pgc/register/zip/20221202/pgc/images/logo.png"> <span class="right">欢迎有态度、有创意、有实力的你，加入我们，让作品发声。</span> </div> </div> <div class="main"> <div class="wrap-top"> <div class="progress"> <div class="icon"> <div class="icon1"> <i></i> </div> <span>① 帐号注册</span> </div> <i class="icongo"></i> <div class="icon"> <div class="icon2"> <i></i> </div> <span>② 平台信息</span> </div> <i class="icongo"></i> <div class="icon"> <div class="icon3"> <i></i> </div> <span>③ 完成</span> </div> </div> </div> <div class="wrap"> <h2>创建您的太平洋通行证账号</h2> <div class="register"> <form id="postform" method="post"> <input type="hidden" name="noAccountName" value="1" /> <input type="hidden" name="username" id="username" /> <table> <tr class="row0"> <th class="tTit">手机号码<i>*</i></th> <td class="iCol"><input type="text" name="mobile" onfocus="showMobileTips()" class="inp" onblur="checkMobile();" id="mobileNo" /></td> <td class="col5" id="mobileTips"></td> </tr> <tr class="row JhideBox"> <td class="tTit">滑动验证<i>*</i></td> <td class="iCol"> <div class="captcha-warp" id="modalCell"> <div class="captcha-img"> <img id="slideCaptchaImg" alt="" src=""> <img id="slideCaptchaThumb" class="thumbpic" alt="" src="" style="position: absolute;top:0px;left:0px;"> <i id="reset" class="refresh-slider" title="刷新"></i> </div> <div id="slider1" class="slider"></div> <div style="display:none;"> <div id="pointCaptcha_load" style="position: fixed;"></div> <div id="pointCaptcha_load1" style="display:inline-block"></div> <div id="pointCaptcha_load2" style="display:inline-block"></div> </div> </div> </td> <td class="col5" id="sliderCaptchaTips"></td> </tr> <tr class="row6 JhideBox"> <th class="tTit">验证码<i>*</i></th> <td class="iCol" id="setTime"> <input type="text" name="mobileVCode" class="inp inpC" onfocus="showMobileVCodeTips()" onblur="checkVerification()" autocomplete="off" /> <input id="verificationBut" class="verBut" type="button" onclick="sendVerificationCode()" value="获取验证码" autocomplete="off"/> <input type="hidden" value="60" id="timeInterval" autocomplete="off" /> </td> <td class="col5"><span id="mobileVCodeTips"></span></td> <td id="verificationTips" style="display: none;"></td> </tr> <tr class="row3 rowNeedJs"> <th class="tTit">设置密码<i>*</i></th> <td class="iCol"><input name="password" type="password" class="inp" onclick="showPassportTips()" onblur="checkPassword()" maxLength="16" autocomplete="off"/></td> <td class="col5" id="passwordTips"></td> </tr> <tr class="rowNeedJs"> <th class="tTit">确定密码<i>*</i></th> <td class="iCol"><input name="passwordConfirm" type="password" class="inp" onclick="showPasswordConfirmTips()" onblur="checkConfPassword()" maxLength="16" autocomplete="off"/> </td> <td class="col5" id="passwordConfirmTips"></td> </tr> <tr class="row7 rowNeedJs"> <th class="tTit"></th> <td class="iCol "><label><input class="checkbox" type="checkbox" name="checkbox" id="checkbox" onclick="selectClause()" />我已阅读并同意 <a class="blue" href="//www1.pconline.com.cn/zt/gz20200907/pgc/pgc_protocol.html" target="_blank">《太平洋创作平台服务协议》</a><a target="_blank" href="//www1.pconline.com.cn/zt/gz20200113/pgc/privacyPolicy.html" class="blue">《太平洋创作平台隐私政策》</a></label></td> <td class="col5" id="clauseTips"></td> </tr> <tr class="row8 rowNeedJs"> <th class="tTit"></th> <td class="iCol"><input class="inpBtn" type="submit" id="submitButton" value="下一步" style="border:none;" /></td> <td class="col5"> </td> </tr> <tr> <td><input type="hidden" name="return" value="https://my.pconline.com.cn" /> </td> <td colspan="4"> </td> </tr> </table> </form> </div> </div> </div> </div> <script src="//js.3conline.com/min/temp/v1/lib-jquery1.10.2.js"></script> <script src="//www1.pconline.com.cn/pgc/register/zip/20221202/pgc/js/passPort.js" charset="utf-8"></script> <script src="//www1.pconline.com.cn/pgc/register/zip/20221202/pgc/js/md5.js" charset="utf-8"></script> <script src="https://my.pconline.com.cn/js/jquery.form.js"></script> <script src="//js.3conline.com/pconlinenew/data/common/utils/jquery.windowname.js" charset="gbk"></script> <script> var API_ROOT = "\/\/passport3.pconline.com.cn\/passport3\/api"; var CAPTCHA_URL = "\/\/captcha.pconline.com.cn"; var APP_DOMAIN = "\/\/pcncc.pconline.com.cn"; </script > <script type="text/javascript" th:src="${@apiProperties.captchaUrl+'/captcha/slidecaptcha_flush.jsp?load=true'}" id="slidecaptcha_flush"></script> <script type="text/javascript" src="//captcha.pconline.com.cn/captcha/js/jsencrypt.js"></script> <script type="text/javascript" src="//captcha.pconline.com.cn/captcha/js/jquery.slider.min.js"></script> <script type="text/javascript"> //-----------------------------------------提交------------------ var options = { windowname: 1,//跨域必须 cache: false, type: 'POST', timeout: 100000, withCookie: true, error: function (xhr) { if (xhr.status > 0) { $('#submitButton').attr('disabled', false); alert('Error: ' + xhr.status + ' ' + xhr.statusText); } }, beforeSubmit: showRequest, success: showResponse }; function showRequest(formData, jqForm, options) { if (!$('#checkbox').prop("checked")) { //alert("请您先阅读《太平洋服务条款》"); $('#clauseTips').empty(); $('#clauseTips').append(errorInfo('请先勾选"用户使用协议"和"隐私政策"项')); return false; } if (!checkAll()) { return false; } else if (!checkVerificationCode()) { showVerificationTips('redIcon', '请您填写手机验证码'); return false; } else { $('#submitButton').addClass("inpBtnSend"); $('#submitButton').val("正在提交……"); $('#submitButton').attr('disabled', true); } $("#username").val($("#mobileNo").val()); }; function showResponse(responseText, statusText) { eval("result=" + responseText); if (result.status == 0) {//成功 //var accountId = result.accountId; document.cookie="mobile="+ $("#mobileNo").val(); window.location.href = "register/info"; } else if (result.status == -2) { alert("注册时发生未预期错误，请与管理员联系！"); $('#submitButton').removeClass("inpBtnSend"); $('#submitButton').val("注册"); $('#submitButton').attr('disabled', false); } else { if (result.field) { if (result.field == 'mobileVCode') { //$("#captchaTips").empty(); showVerificationTips('redIcon', result.desc); //showErrorA('captcha',result.desc); } else if (result.field == 'username') { showError(result.field, unTips); } else { showError(result.field, result.desc); } $('#submitButton').removeClass("inpBtnSend"); $('#submitButton').val("注册"); $('#submitButton').attr('disabled', false); } } } function showVerificationTips(type, tip) { $("#mobileVCodeTips").parent().remove(); $("#verificationTips").empty(); $("#verificationTips").html("<span class='tip'><em class='" + type + "'></em>" + tip + "</span>"); $("#verificationTips").show(); } function checkVerificationCode(type, tip) { var code = $('[name=mobileVCode]').val(); if (code && $.trim(code) != '') { return true } return false; } function checkVerification() { if (checkVerificationCode()) { $("#verificationTips").empty(); } $("#mobileVCodeTips").empty(); } function selectClause() { if ($('#checkbox').prop("checked")) { $('#clauseTips').empty(); $('.main .register input#submitButton').css({ backgroundColor: '#f95354', pointerEvents: "auto", }) }else{ $('.main .register input#submitButton').css({ backgroundColor: '#d7d7d7', pointerEvents: "none", }) } } $(document).ready(function () { postform.action=API_ROOT+"/registerForMobile.jsp" $("#postform").ajaxForm(options); }); </script> <script type="text/javascript"> var sliderCaptcha = false; $(function () { $("#slider1").slider({ width: 230, // width height: 32, // height sliderBg: "#f5f5f5", // 滑块背景颜色 color: "#777777", // 文字颜色 fontSize: 14, // 文字大小 bgColor: "none", // 背景颜色 textMsg: "按住滑块，拖拽验证", // 提示文字 successMsg: "验证通过", // 验证成功提示文字 successColor: "red", // 滑块验证成功提示文字颜色 time: 400, // 返回时间 imgId: "#slideCaptchaImg", thumbId: "#slideCaptchaThumb", serverUrl: CAPTCHA_URL, callback: function (data) { // 回调函数，true(成功),false(失败) if (data.code != 0) { $("#slider1").addClass('ui-slider-error'); alert(data.message); } else { $("#slider1").addClass('ui-slider-success'); setTimeout(function () { $('#slider1').addClass('ui-slider-success-text'); }, 500); sliderCaptcha = true; } }, initCallback: function () { $("#slider1").removeClass('ui-slider-error ui-slider-success ui-slider-success-text'); } }); $("#slideCaptchaImg").attr("src", CAPTCHA_URL+"/captcha/slideCaptchaImg?1558661831439"); $("#slideCaptchaThumb").attr("src", CAPTCHA_URL+"/captcha/slideCaptchaThumb?1558661831439"); //先进行刷新验证码 $("#slider1" ).slider("restore"); }); $("#reset").click(function () { $("#slider1").slider("restore"); }); //发送验证码 function sendVerificationCode() { $("#verificationTips").empty(); $("#verificationTips").hide(); $("#captchaTips").empty(); var captcha = $("#captcha").val(); var mobile = $("#mobileNo").val(); if (mobile != null) { mobile = $.trim(mobile); } //js验证手机号，验证通过后$("#verificationBut").attr("disabled","disabled"); if (!(/^1[3-9]\d{9}$/.test(mobile))) { showError('mobile', '请输入正确的手机号'); //顺序问题导致显示不了错误信息 $("#mobileNo").focus(); return false; } /* //验证码验证 if(captcha == null || $.trim(captcha)==''){ showError('captcha','请输入正确的验证码'); $("#captcha").focus(); return false; }*/ if (!sliderCaptcha) { showError('sliderCaptcha', '请滑动验证'); return; } $("#verificationBut").val('验证码发送中...'); $("#verificationBut").attr("disabled", "disabled"); var Vkey = 'sendVerificationCode.jsp'; var VCodeTime = (new Date()).valueOf(); // var VCodeTime = 1582188469439; var vCodeKey = hex_md5(Vkey + VCodeTime); $.ajax({ type: "POST", url: API_ROOT+'/sendVerificationCode2.jsp', data: { mobile: mobile, vCodeKey: vCodeKey, VCodeTime: VCodeTime }, dataType: "JSON", withCookie: true, success: function (returnStr) { var data = eval("(" + returnStr + ")"); //转换为json对象 if (data.code == 0) { // showVerificationTips('orangeIcon', '验证码已发送到您的手机'); setVerificationInvalid(); } else { if (data.code == -2) { showError('mobile', data.message); } else { if ('验证码不正确' == data.message) { showErrorA('slideCaptcha', '请输入正确的验证码'); } else { showVerificationTips('redIcon', data.message); } } change(); inableVeriBut(); } }, error: function (xhr, status, e) { inableVeriBut(); change(); showVerificationTips('redIcon', '发送手机验证码失败'); } }); } function change() { //document.getElementById("imgv").src = 'https://captcha.pconline.com.cn/captcha/v.jpg?' + new Date().getTime(); $("#slider1").slider("restore"); sliderCaptcha = false; } //设置验证码失效时间,60内有效 function setVerificationInvalid() { var timeInterval = $("#timeInterval").val(); var minute = parseInt(timeInterval); // 如果秒数还是大于0，则表示倒计时还没结束 if (minute > 0) { // 时间减一 按钮里的内容呈现倒计时状态 $("#verificationBut").css("left", "460px"); $("#timeInterval").val(--minute); $("#verificationBut").val(minute + "秒后可重新发送"); // 一秒后重复执行 setTimeout(function () { setVerificationInvalid(); }, 1000); // 否则，按钮重置为初始状态 } else { $("#verificationBut").css("left", "495px"); $("#timeInterval").val(60); inableVeriBut(); } } function inableVeriBut() { $("#verificationBut").val("获取验证码"); $("#verificationBut").removeAttr("disabled"); $("#mobileNo").removeAttr("disabled"); } </script> </body> </html>