注册-食品加工包装在线

<!DOCTYPE html> <html lang="zh"> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <meta name="referrer" content="strict-origin-when-cross-origin"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 注册-食品加工包装在线 </title> <meta name="renderer" content="webkit|ie-comp|ie-stand" /> <meta name="description" content="欢迎注册成为我们的平台用户，依托业内品牌展会支持，吸引了来自食品原配料、健康原料、营养保健品、包装加工机械及淀粉等行业的30万优质供应商和买家入驻，致力打通上下游产业链，打造食品全产业链线上服务平台。" /> <meta name="keywords" content="用户注册,食品加工包装在线" />    <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/plugins/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/plugins/iconfont/iconfont.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/plugins/swiper/swiper-bundle.min.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/main.min.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/comp.min.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/login.min.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/slidercaptcha.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/slidercaptcha.min.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/login_register.css"> <script> var BASESITEROOT = "https://www.sjgle.com"; var HOMESITEROOT = "https://www.sjgle.com/static/home"; var BASESITEURL = "https://www.sjgle.com"; var HOMESITEURL = "https://www.sjgle.com"; var TIMESTAMP = "1743611790"; </script>   <script src="https://www.sjgle.com/static/home/dist/plugins/jquery-3.3.1.slim.min.js"></script> <script src="https://www.sjgle.com/static/plugins/jquery.cookie.js"></script>  <script src="https://www.sjgle.com/static/home/dist/plugins/swiper/swiper-bundle.min.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/bootstrap/js/popper.min.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/bootstrap/js/bootstrap.min.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/iconfont/iconfont.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/scrollReveal.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/vue.min.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/vee-validate.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/laydate/laydate.js"></script> <script src="https://www.sjgle.com/static/home/dist/js/common.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/sliderTools.js"></script>  <script src="https://www.sjgle.com/static/home/dist/plugins/validate/jquery.validate.js"></script> <script src="https://www.sjgle.com/static/home/dist/plugins/validate/localization/messages_zh.min.js"></script>  <script>document.write('<script src="https://www.sjgle.com/static/plugins/common.js?timestamp='+new Date().getTime()+'"><\/script>')</script> <script src="https://www.sjgle.com/static/home/js/member.js"></script> <script src="https://www.sjgle.com/static/plugins/js/jquery-ui/jquery.ui.datepicker-zh-CN.js"></script> <script src="https://www.sjgle.com/static/plugins/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script> <script src="https://www.sjgle.com/static/plugins/layer/layer.js"></script> <script src="https://www.sjgle.com/static/plugins/js/jquery-ui/jquery-ui.min.js"></script> <script src="https://www.sjgle.com/static/plugins/js/jquery-ui/jquery.ui.datepicker-zh-CN.js"></script> <script src="https://www.sjgle.com/static/plugins/mlselection.js"></script> <script>document.write('<script src="https://www.sjgle.com/static/home/js/connect_sms.js?timestamp='+new Date().getTime()+'"><\/script>')</script> <script>document.write('<script src="https://www.sjgle.com/static/home/js/connect_email.js?timestamp='+new Date().getTime()+'"><\/script>')</script> <script src="https://www.sjgle.com/static/home/dist/plugins/longbow.slidercaptcha.js"></script> <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script> <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>  <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/login/index_login.rem.css"> <link rel="stylesheet" href="https://www.sjgle.com/static/home/dist/css/login/common_login.css"> <script src="https://www.sjgle.com/static/home/dist/plugins/login/flexible_login.js"></script> <script> $(function () { //cgl upd if ($('#gcategory').length>0) { gcategoryInit("gcategory"); } $('#btn_select_category').on('click', function () { $('#gcategory').show(); $('#btn_select_category').hide(); $('#gcategory_class1').val(0).nextAll("select").remove(); }); $('#btn_add_category').on('click', function () { var tr_category = '<tr class="store-class-item">'; var category_id = ''; var category_name = ''; var class_count = 0; var validation = true; var i = 1; $('#gcategory').find('select').each(function () { if (parseInt($(this).val(), 10) > 0) { var name = $(this).find('option:selected').text(); tr_category += '<td>'; tr_category += name; //if ($('#gcategory > select').size() == i) { // //最后一级显示分佣比例 // tr_category += ' (commission_ratio：' + $(this).find('option:selected').attr('data-explain') + '%)'; //} tr_category += '</td>'; category_id += $(this).val() + ','; category_name += name + ','; class_count++; } else { validation = false; $('#gc_classtip').html('请选择最后一级分类'); } i++; }); if (validation) { for (; class_count < 3; class_count++) { tr_category += '<td></td>'; } tr_category += '<td><a dstype="btn_drop_category" href="javascript:;">删除</a></td>'; tr_category += '<input name="store_class_ids[]" type="hidden" value="' + category_id + '" />'; tr_category += '<input name="store_class_names[]" type="hidden" value="' + category_name + '" />'; tr_category += '</tr>'; $('#table_category').append(tr_category); $('#gcategory').hide(); $('#btn_select_category').show(); select_store_class_count(); } else { layer.msg('请选择感兴趣分类'); } }); $('#table_category').on('click', '[dstype="btn_drop_category"]', function () { $(this).parent('td').parent('tr').remove(); select_store_class_count(); }); // 统计已经选择的经营类目 function select_store_class_count() { var store_class_count = $('#table_category').find('.store-class-item').length; $('#store_class').val(store_class_count); } $('#btn_cancel_category').on('click', function () { $('#gcategory').hide(); $('#btn_select_category').show(); }); }); document.addEventListener('DOMContentLoaded', function() { // 获取所有的输入框 var inputs = document.querySelectorAll('input'); // 为每个输入框绑定事件 inputs.forEach(function(input) { input.addEventListener('input', function() { // 去掉首尾空格 this.value = this.value.trim(); }); }); }); function closeSliderCaptcha() { const container = $('.container-fluid'); container.hide(); $('#captcha').empty(); } // 返回上一级，没有上一级默认为返回微信登录 function checkPreviousPage() { if (document.referrer) { history.go(-1); return false; } else { window.location.href = "https://www.sjgle.com/Login/login.html" } } </script> <body> <div class="container-fluid captcha_puzzia" style="display: none;"> <div class="form-row"> <div class="col-12"> <div class="slidercaptcha card"> <div style="text-align: center;padding-top: 10px;"> <span style="margin-left: 1.2rem;font-size: 18px;">请完成安全验证!</span> <a class="close-btn cursor-pointer"onclick="closeSliderCaptcha()" style="font-size: 2rem;float:right;margin-right: 20px;">×</a> </div> <div class="card-body" id="parentWh" style="height: 100%;"> <div id="captcha"></div> </div> </div> </div> </div> </div> </body> <link rel="canonical" href="https://www.sjgle.com/Login/register.html"/>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5263cfe0a9cd0c4072191e184ab2c888"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T8S7XHK');</script>   <script src="https://a-iiris.imsharecenter.com/cbe/collect?tid=145922564&at=0&h=web"></script> <script> clab_tracker.ready(function(){ this.push({"pageType":"web"}); this.track("open_page", {}); }); </script> <script src="https://a-iiris.imsharecenter.com/cbe/collect?tid=145922564&at=0&h=web"></script> <script> clab_tracker.ready(function(){ this.push({"pageType":"web"}); this.track("open_page", {}); }); </script>   <meta name="google-site-verification" content="dpJ0JvR9L60BTBJ8RUhJ-ApKEXwORhAfYrW060bHa78" />     <script src="https://www.sjgle.com/static/home/js/BHAnalysysAgent_JS_SDK.min.js"></script> <script src="https://www.sjgle.com/static/home/js/data_analysis_common.js"></script> <script> // 引入自定义埋点js var url = decodeURI(window.location.href); var AnalysysAgentVisitedPage = new BHAnalysysAgent.AnalysysAgent({key:"C_visitedpage",keyId:url}) AnalysysAgentVisitedPage.remain(changeType) function changeType() { // 获取url参数 $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } var url = decodeURI(window.location.href); var utm_source = $.getUrlParam('utm_source'); var utm_medium = $.getUrlParam('utm_medium'); var utm_campaign = $.getUrlParam('utm_campaign'); var utm_channel = $.getUrlParam('utm_channel'); //判断上一级url var parent_url = document.referrer; //判断来源类型 var sourceTypes = getReferrer(); $.ajax({ type:'POST', url:'/DataStatistics/statisticaldsVisitedPageData.html', data:{'platform_code':'pc','type':'C_visitedpage','utm_source':utm_source,'utm_medium':utm_medium,'utm_campaign':utm_campaign,'utm_channel':utm_channel,'url':url,'sourceType':sourceTypes,'parent_url':parent_url}, dataType:'json', async:true, success:function(){ } }); } </script>  <script type='text/javascript' src='https://webchat.7moor.com/javascripts/7moorInit.js?accessId=ecec9070-8ff5-11ee-b5de-1768e713001a&autoShow=true&language=ZHCN' async='async'></script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8S7XHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="login">  <div class="nav-bar" id="top"> <div class="wrapper"> <div style="position: relative;float: left;"> <a class="mobile mr-3" data-toggle="dropdown" aria-haspopup="true"> <i class="iconfont icon-shouji"></i> 手机版</a> <div class="dropdown-menu" id="sjmenu" style="will-change: transform; position: absolute; top: 24px; left: 0px;"> <a class="dropdown-item" id="qrcode"><img src="https://api.qrtool.cn/?text=https://m.sjgle.com&size=100&level=H"/></a> </div> </div> <script> $(".mobile").hover(function () { $("#sjmenu").addClass('show') }, function () { $("#sjmenu").removeClass('show') }) </script> <span class="mr-2">您好，欢迎来到食品加工包装在线</span> <span class="login-links"> <a class="mr-2" href="/Login/login.html" id="logindata">登录</a> <a class="mr-2" href="/Login/register.html" id="registerdata">注册</a> <div class="none" dstype="a-barLoginBox"></div> </span> <div class="float-right right-links"> <ul> <li class="d-inline-block"> <a class="text-dark" href="https://www.sjgle.com">网站首页</a> </li> <li class="d-inline-block"> <a class="text-dark" data-toggle="dropdown" style="cursor:pointer;" onclick="javascrtpt:window.location.href='/Member/index.html'">买家中心<i class="iconfont icon-xiangxia1 fz-12"></i></a> <div class="dropdown-menu"> <a href="/Login/register.html" class="dropdown-item hover-danger">买家注册</a> <a href="/StoreHome/" class="dropdown-item hover-danger">找公司</a> <a href="/GoodsHome/" class="dropdown-item hover-danger">找产品</a> <a onclick="purchaseAddNoparam()" class="dropdown-item hover-danger">采购配对</a> <a href="https://www.sjgle.com/zt/pre-registration/index_home.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" class="dropdown-item hover-danger">展会预登记</a> <a href="https://cata.sjgle.com/2023/" class="dropdown-item hover-danger">电子会刊</a> <a href="/ArticleHelp/show.html?articlehelp_id=20" class="dropdown-item hover-danger">买家社群</a> </div> </li> <li class="d-inline-block"> <a class="text-dark" data-toggle="dropdown" style="cursor:pointer;" onclick="javascrtpt:window.location.href='/Sellersetting/store_introduce.html'">卖家中心2<i class="iconfont icon-xiangxia1 fz-12"></i></a> <div class="dropdown-menu">  <a href="/Sellerjoinin/index.html" class="dropdown-item hover-danger">商户入驻</a> <a href="/Sellergoodsadd/index.html" class="dropdown-item hover-danger">发布产品</a> <a onclick="purchaseAddNoparam()" class="dropdown-item hover-danger">采购配对</a>   </div> </li> <li class="d-inline-block"> <a class="text-dark" data-toggle="dropdown" style="cursor:pointer;" onclick="javascrtpt:window.location.href='/ArticleHelp/show.html?articlehelp_id=25}'">客服中心 <i class="iconfont icon-xiangxia1 fz-12"></i></a> <div class="dropdown-menu"> <a href="/ArticleHelp/show.html?articlehelp_id=25" class="dropdown-item hover-danger">常见问题</a> <a href="/ArticleHelp/show.html?articlehelp_id=26" class="dropdown-item hover-danger">买家帮助</a> <a href="/ArticleHelp/show.html?articlehelp_id=27" class="dropdown-item hover-danger">卖家帮助</a> </div> </li> <li class="d-inline-block"> <a class="text-dark" href="https://www.sjgle.com" data-toggle="dropdown">网站导航 <i class="iconfont icon-xiangxia1 fz-12"></i></a> <div class="dropdown-menu" style="width: 500px;left: -415px;"> <div class="d-flex py-2" style="border-bottom: 1px dashed #ddd;"> <a style="width: 70px;" class="bold px-1 dropdown-item d-inline-block">买家服务</a> <a href="/GoodsHome/" style="width: auto;padding-left: 10px; padding-right: 10px;" class="dropdown-item d-inline-block hover-danger">找产品</a> <a onclick="purchaseAddNoparam()" style="width: auto;padding-left: 10px; padding-right: 10px;" class="dropdown-item d-inline-block hover-danger">采购配对</a> <a href="https://www.sjgle.com/zt/pre-registration/index_home.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" style="width: auto;padding-left: 10px; padding-right: 10px;" class="dropdown-item d-inline-block hover-danger">展会预登记</a> <a href="https://cata.sjgle.com/2023/" style="width: auto;padding-left: 10px; padding-right: 10px;" class="dropdown-item d-inline-block hover-danger">电子会刊</a> </div> <div class="d-flex py-2" style="border-bottom: 1px dashed #ddd;"> <a style="width: 70px;" class="bold px-1 dropdown-item d-inline-block">卖家服务</a> <a href="/Sellergoodsadd/index.html" style="width: auto;padding-left: 10px; padding-right: 10px;" class="dropdown-item d-inline-block hover-danger">发布产品</a>   </div>  <div class="d-flex py-2"> <a style="width: 70px;" class="bold px-1 dropdown-item d-inline-block">特色专题</a> <a href="https://www.sjgle.com/zt/interview2024/" style="width: auto;padding-left: 10px; padding-right: 10px;" class="dropdown-item d-inline-block hover-danger">企业家访谈</a>  </div> </div> </li> <li class="d-inline-block"><a class="text-dark" href="http://www.en-sjgle.com">ENGLISH</a></li> </ul> </div> </div> </div> <script type="text/javascript"> //手机版二维码生成 // function makeCode () { // // var elText = window.location.href; // var elText = "https://m.sjgle.com"; // qrcode.makeCode(elText); // } // var qrcode = new QRCode(document.getElementById("qrcode"), { // width : 100, // height : 100 // }); // makeCode(); </script> <div style="background-color: #fff;"> <div class="logo-wrapper d-flex wrapper " style="padding-top: 20px;padding-bottom: 20px;"> <div class="d-flex align-items-center"> <a href="https://www.sjgle.com"> <img height="70" src="https://www.sjgle.com/static/home/dist/images/top_logo2.png" alt=""> </a> <p class="fz-22 ml-20 mb-0" style="width: 130px;font-weight: 300;">欢迎注册</p> </div> <div class="d-flex align-items-end justify-content-end w-100"> <p class="fz-16"><span style="color: #999;">已有账号？</span><a href="/Login/login.html" class="text-danger">请登录</a> </p> </div> </div> </div> <div class="login loginbg_box">  <div class="login_logo"> <a href="https://www.sjgle.com"> <img height="70" src="https://www.sjgle.com/static/home/dist/images/logo_v2.png" alt=""> </a> </div> <div class="login-box login_box_v2"> <div class="login_enter_v2">  <a class="text-dark" href="#" @click="checkPreviousPage()">< 返回</a>  </div> <div class="login_title">免费注册</div> <div class="tabs pl-30 pr-30 pb-30" id="nowx_login"> <nav class="mb-30 login_nav_v2"> <div class="nav nav-tabs" id="login-nav-tab" role="tablist"> <a @click.prevent="check1" class="'tab-menu nav-item nav-link active" id="nav-mobile-tab" data-toggle="tab" href="#nav-mobile" role="tab"> 手机注册 <div class="active_borderBottom"></div> </a> <a @click.prevent="check2" class="'tab-menu nav-item nav-link" id="nav-account-tab" data-toggle="tab" href="#nav-account" role="tab"> 邮箱注册 <div class="active_borderBottom"></div> </a> </div> </nav> <div class="tab-content login_tab_v2" id="nav-tabContent"> <div>  <form id="login_normal_form" method="post" action="/Login/register.html"> <input type="hidden" name="registerTypeRadio" id="registerType1"/> <span v-show="step === 1"> <div class="input-group mt-4" v-show="registerType === 1">   <input v-model="data1.mobile" type="text" class="form-control" id="sms_mobile" oninput="value=value.replace(/[^\d]/g,'')" placeholder="手机号" v-validate="registerType === 1?'required|mobile':''" name="sms_mobile" data-vv-as="手机号" data-vv-scope="step1" @focus="showNextTip" @blur="hideNextTip">  <div class="invalid-feedback show text-warning"> [[ errors.first('step1.sms_mobile') ]] </div> </div> <div class="input-group mt-4" v-show="registerType === 2">   <input data-vv-scope="step1" v-model="data1.email" type="text" class="form-control" id="email" placeholder="请输入邮箱" v-validate="registerType === 2?'required|emailv2':''" name="email" data-vv-as="电子邮箱" @focus="showNextTip" @blur="hideNextTip">  <div class="invalid-feedback show text-warning"> [[ errors.first('step1.email') ]] </div> </div>  <div style="height: 21px;"></div> <div id="loginByAccount" v-show="registerType === 1"> <div style="width: 100%;margin-top: -15px;"> <div class="input-group mt-4">   <input data-vv-scope="step1" v-model="data1.mobileCode" type="text" class="form-control" id="sms_captcha" name="sms_captcha" data-vv-as="验证码" v-validate="registerType === 1?'required|sms1':''" placeholder="请输入验证码"> <div class="invalid-feedback show text-warning"> [[ errors.first('step1.sms_captcha') ]] </div> </div> </div> <div class="login_verifica_v2" style="margin-top: -50px;"> <div class="mt-4 text-right"> <a class="cursor-pointer btn btn-black disabled" id="btn_sms_captcha" ds_type="1">获取验证码 [[ phoneCodeBtnCount ]]</a> </div> </div> </div> <div id="loginByPhone" v-show="registerType === 2"> <div style="width: 100%;margin-top: -15px;"> <div class="input-group mt-4">   <input data-vv-scope="step1" v-model="data1.emailCode" type="text" class="form-control" id="email_captcha" name="email_captcha" data-vv-as="验证码" v-validate="registerType === 2?'required|sms':''" placeholder="请输入验证码"> <div class="invalid-feedback show text-warning"> [[ errors.first('step1.email_captcha') ]] </div> </div> </div> <div class="login_verifica_v2" style="margin-top: -50px;">  <div class="mt-4 text-right"> <a id="btn_email_captcha" ds_type="1" disabled class="cursor-pointer btn btn-black disabled">获取验证码 [[ phoneCodeBtnCount ]]</a> </div> </div> </div>  <div> <input id="maintenance_msg" name="maintenance_msg" value="" type="hidden"/> <button class="btn btn-danger btn-block mt-4 p-15 fz-16 disabled" id="totalSubmit1" @click.prevent="btn1" >立即注册</button>  </div>  </span> <span v-show="step === 2"> <div class="input-group mt-4" style="position: relative;"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="iconfont icon-lock"></i> </div> </div>  <input data-vv-scope="step2" type="password" v-model="data2.password1" @blur="pwMouseout" class="form-control" id="member_password" name="member_password" data-vv-as="密码" placeholder="密码（8-20位字母或数字组合包含大小写）" ref="password" v-validate="'required|password'"> <div class="invalid-feedback show text-warning"> [[ errors.first('step2.member_password') ]] </div> <div class="shadow pw-check" v-if="pwCheckShow"> <p :class="pwCheck1 ? 'on' : ''"><i v-if="pwCheck1" class="text-success iconfont icon-yuanxingxuanzhongfill"></i> <i v-else class="iconfont icon-tishi text-grey"></i> 长度不低于8位</p> <p :class="pwCheck2 ? 'on' : ''"><i v-if="pwCheck2" class="text-success iconfont icon-yuanxingxuanzhongfill"></i> <i v-else class="iconfont icon-tishi text-grey"></i> 包含数字</p> <p :class="pwCheck3 ? 'on' : ''"><i v-if="pwCheck3" class="text-success iconfont icon-yuanxingxuanzhongfill"></i> <i v-else class="iconfont icon-tishi text-grey"></i> 包含大写字母</p> <p :class="pwCheck4 ? 'on' : ''"><i v-if="pwCheck4" class="text-success iconfont icon-yuanxingxuanzhongfill"></i> <i v-else class="iconfont icon-tishi text-grey"></i> 包含小写字母</p> </div> </div> <div class="input-group mt-4"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="iconfont icon-lock"></i> </div> </div>  <input data-vv-scope="step2" type="password" v-model="data2.password2" class="form-control" id="member_password_confirm" name="member_password_confirm" placeholder="确认密码" data-vv-as="确认密码" v-validate="'required|password|confirmed:password'"> <div class="invalid-feedback show text-warning"> [[ errors.first('step2.member_password_confirm') ]] </div> </div> <div class="input-group mt-4"> <div class="input-group-prepend"> <div class="input-group-text"> <i style="margin-left: -5px;" class="iconfont icon-gongsong"></i> </div> </div>  <input data-vv-scope="step2" type="text" v-validate="'required'" class="form-control" id="register_company" name="register_company" data-vv-as="公司名称" v-model="data2.companyName" placeholder="公司名称"> <div class="invalid-feedback show text-warning"> [[ errors.first('step2.register_company') ]] </div> </div> <div class="input-group mt-4"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="iconfont icon-yonghufill"></i> </div> </div>  <input data-vv-scope="step2" type="text" v-validate="'required'" class="form-control" id="member_truename" name="member_truename" data-vv-as="您的姓名" v-model="data2.userName" placeholder="您的姓名"> <div class="invalid-feedback show text-warning"> [[ errors.first('step2.member_truename') ]] </div> </div> <div style="width: 50%;"> <div class="input-group mt-4"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="iconfont icon-liuyan"></i> </div> </div> <input data-vv-scope="step2" v-model="data2.invitation_code_1" type="text" class="form-control" id="invitation_code_1" name="invitation_code_1" data-vv-as="邀请码" v-validate="'max:6|min:6'" placeholder="邀请码"> <div class="invalid-feedback show text-warning"> [[ errors.first('step2.invitation_code_1') ]] </div> </div> </div> <div class="mt-4"> <span class="d-block">您需要食品加工包装在线提供哪些服务</span> <div class="form-check form-check-inline mt-2"> <input class="form-check-input" checked='checked' type="radio" v-model="data2.serviceType" name="status" id="inlineRadio1" value="1"> <label class="form-check-label" for="inlineRadio1">帮我找货源/供应商</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="status" v-model="data2.serviceType" id="inlineRadio2" value="0"> <label class="form-check-label" for="inlineRadio2">帮我找买家/采购商</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="status" v-model="data2.serviceType" id="inlineRadio3" value="2"> <label class="form-check-label" for="inlineRadio3">两者都是</label> </div> </div> <div class="d-flex mt-2"> <button @click.prevent="next(1)" class="mr-2 btn btn-secondary btn-block mt-2 p-15 fz-16">上一步</button> <button @click.prevent="btn2" class="ml-2 btn btn-danger btn-block mt-2 p-15 fz-16">下一步</button> </div> </span> <span v-show="step === 3"> <div class="form" style="overflow-y: auto; height: 250px;"> <table class="table border-bottom-grey"> <tbody> <tr> <th style="vertical-align: middle;"> <span style="padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;"> 感兴趣分类： </span> </th> <td class="d-flex"><a href="###" id="btn_select_category" class="btn">+选择添加分类</a> <div id="gcategory" style="display:none;"> <select id="gcategory_class1" style="padding: 5px;"> <option value="0">-请选择- </option> <option value="1" data-explain="0">食品原料与配料 </option> <option value="9" data-explain="0">健康天然原料 </option> <option value="13" data-explain="0">营养保健品 </option> <option value="17" data-explain="0">天然健康产品 </option> <option value="28" data-explain="0">加工包装机械 </option> <option value="37" data-explain="0">产业服务 </option> </select> <input id="btn_add_category" type="button" value="确认" /> <input id="btn_cancel_category" type="button" value="取消" /> </div> <input id="store_class" name="store_class" type="hidden" /> <span></span> <p class="emphasis" id="gc_classtip"></p> </td> </tr> <tr> <td colspan="2"> <table id="table_category" class="table border-bottom-grey"> <thead class="thead-light"> <tr> <th colspan='3'>一级分类 </th>  <th>操作</th> </tr> </thead> </table> </td> </tr> </tbody> <tfoot> <tr> <td colspan="20"> </td> </tr> </tfoot> </table> </div>  <div class="d-flex mt-2"> <button @click.prevent="next(2)" class="mr-2 btn btn-secondary btn-block mt-2 p-15 fz-16">上一步</button> <input type="submit" class="ml-2 btn btn-danger btn-block mt-2 p-15 fz-16" value="立即注册" id="register1"/> <input type="hidden" value="" name="ref_url"> <input type="hidden" value="" name="referrer_url" id="referrer_url"> </div> </span>  <div v-if="step === 1" class="login_third_v2"> <div class="tologin_txt">已有账号？  <a href="#" class="text-danger" @click="toLogin(1)">去登录 ></a> </div> <p>其他方式登录</p> <div class="d-flex justify-content-between px-20">       <div class="w-100 text-center cursor-pointer">  <a onclick="wxOpen()"> <span class="icon-weixin"></span> <div>微信扫码登录</div> </a> </div> </div> </div> </form> </div> </div> </div> <div id="wx_login"> <div> <div class="tologin_txt">请使用微信扫描二维码登录</div> <div id="target" class="siFrame"><div class="blacksi"> <div class="progress-2"></div> </div></div> <div class="tologin_txt">已有账号？<a href="/Login/login.html" class="text-danger">去登录 ></a></div> </div> <div class="login_third_v2"> <p>其他方式登录</p> <div class="login_method"> <div @click.prevent="toLogin(0)"><img src="https://www.sjgle.com/static/home/dist/images/pc_login.png" alt="">账号登录</div> <div @click.prevent="toLogin(1)"><img src="https://www.sjgle.com/static/home/dist/images/phone_login.png" alt="">短信登录</div> </div> </div> </div> <div class="login_agree">  登录即表示您已阅读并同意<a rel="nofollow" target="_blank" href="/ArticleHelp/show.html?articlehelp_id=10">《服务条款》</a>和<a rel="nofollow" target="_blank" href="/ArticleHelp/show.html?articlehelp_id=11">《隐私声明》</a> </div> </div> </div> </div>   <div class="footer" style="background-color: #4C4E53 !important;height: 446px;"> <div class="wrapper">  <div class="links"> <div class="right"> <div class="block"> <div class="title" style="font-size:14px;color: #FFFFFF;"></i>关于我们</div> <div style="border-bottom: 1px dashed #e5e6e6;width: 58px;height: 1px;opacity: 0.94;margin-bottom: 10px;"></div> <ul> <li> <a href="/ArticleHelp/show.html?articlehelp_id=8" target="_blank" style="color: #FFFFFF;">关于我们</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=9" target="_blank" style="color: #FFFFFF;">媒体合作</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=10" rel="nofollow" target="_blank" style="color: #FFFFFF;">服务条款</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=11" rel="nofollow" target="_blank" style="color: #FFFFFF;">隐私政策</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=12" rel="nofollow" target="_blank" style="color: #FFFFFF;">知识产权保护政策</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=13" rel="nofollow" target="_blank" style="color: #FFFFFF;">博华线上平台</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=14" target="_blank" style="color: #FFFFFF;">友情链接</a> </li> </ul> </div> <div class="block"> <div class="title" style="font-size:14px;color: #FFFFFF;"></i>买家服务</div> <div style="border-bottom: 1px dashed #e5e6e6;width: 58px;height: 1px;opacity: 0.94;margin-bottom: 10px;"></div> <ul> <li> <a href="https://www.sjgle.com/StoreHome/index.html" target="_blank" style="color: #FFFFFF;">找公司</a> </li> <li> <a href="https://www.sjgle.com/GoodsHome/index.html" target="_blank" style="color: #FFFFFF;">找产品</a> </li> <li> <a href="https://www.sjgle.com/Purchase/index.html" target="_blank" style="color: #FFFFFF;">采购配对</a> </li> <li> <a href="https://www.sjgle.com/zt/pre-registration/index.shtml?utm_source=website&amp;utm_medium=sjgle&amp;ut" target="_blank" style="color: #FFFFFF;">展会预登记</a> </li> <li> <a href="https://cata.sjgle.com/2023/" target="_blank" style="color: #FFFFFF;">电子会刊</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=20" target="_blank" style="color: #FFFFFF;">买家社群</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=36" target="_blank" style="color: #FFFFFF;">买家服务简介</a> </li> </ul> </div> <div class="block"> <div class="title" style="font-size:14px;color: #FFFFFF;"></i>卖家服务</div> <div style="border-bottom: 1px dashed #e5e6e6;width: 58px;height: 1px;opacity: 0.94;margin-bottom: 10px;"></div> <ul> <li> <a href="https://www.sjgle.com/Sellergoodsadd/index.html" target="_blank" style="color: #FFFFFF;">发布产品</a> </li> <li> <a href="https://www.sjgle.com/Purchase/index.html" target="_blank" style="color: #FFFFFF;">采购配对</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=48" target="_blank" style="color: #FFFFFF;">展位预定</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=46" target="_blank" style="color: #FFFFFF;">SJGLE营销服务</a> </li> </ul> </div> <div class="block"> <div class="title" style="font-size:14px;color: #FFFFFF;"></i>帮助中心</div> <div style="border-bottom: 1px dashed #e5e6e6;width: 58px;height: 1px;opacity: 0.94;margin-bottom: 10px;"></div> <ul> <li> <a href="/ArticleHelp/show.html?articlehelp_id=25" target="_blank" style="color: #FFFFFF;">常见问题</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=26" target="_blank" style="color: #FFFFFF;">买家帮助</a> </li> <li> <a href="/ArticleHelp/show.html?articlehelp_id=27" target="_blank" style="color: #FFFFFF;">卖家帮助</a> </li> </ul> </div> </div> <div class="contact"> <div class="qrcode"> <div class="block"> <span class="wechat1"></span> <span style="color: #FFFFFF;">微信公众号</span> </div> <div class="block"> <span class="wechat2"></span> <span style="color: #FFFFFF;">微信客服</span> </div> </div> </div> </div>  <div class="copyright" style="margin-top:30px ;"> <span style="color: #FFFFFF;">合作伙伴：</span> <a class="link" href="https://www.cphi.cn/" target="_blank" style="color: #FFFFFF;">CPhI制药在线</a> <a class="link" href="https://www.pharmasources.com/" target="_blank" style="color: #FFFFFF;">PharmaSources</a> <a class="link" href="https://www.ingredientsnetwork.com/" target="_blank" style="color: #FFFFFF;">Ingredientsnetwork</a> <a class="link" href="https://en.jiagle.com/" target="_blank" style="color: #FFFFFF;">家店装休在线</a> <a class="link" href="https://www.jiagle.com/shiyin/" target="_blank" style="color: #FFFFFF;">食饮在线</a> <a class="link" href="https://www.jiagle.com/xiuxian/" target="_blank" style="color: #FFFFFF;">休闲旅游在线</a> <a class="link" href="https://www.jiagle.com/dengshi/" target="_blank" style="color: #FFFFFF;">灯饰在线</a> <br> <div style="border-bottom: 1px dashed #e5e6e6;width: 1114px;;height: 1px;opacity: 0.94;margin-top: 20px;margin-bottom: 20px;"></div> <div style="display:flex;font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #FAFAFA;"> <div style="margin-left: 5px;">食药在线旗下网站</div> <div style="margin-left: 182px;">家店装休在线旗下网站</div> </div> <div style="display:flex;margin-top: 21px;"> <div> <a href="https://www.sjgle.com/" target="_blank"> <img style="object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/shipin.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.cphi.cn/" target="_blank"> <img style="object-fit:contain;width: 107px;height: 38px;" src="https://www.sjgle.com/static/home/images/index/zhiyao.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.jiagle.com/jiaju/" target="_blank"> <img style="object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/jiaju.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.jiagle.com/shiyin/" target="_blank"> <img style="object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/shiyin.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.jiagle.com/sykj/" target="_blank"> <img style="object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/dianshang.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.jiagle.com/dengshi/" target="_blank"> <img style="object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/dengshi.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.jiagle.com/xiuxian/" target="_blank"> <img style="object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/chuanting.png"> </a> </div> <div style="margin-left: 41px;"> <a href="https://www.jiagle.com/qingjie/" target="_blank"> <img style="height: 34px;object-fit:contain;" src="https://www.sjgle.com/static/home/images/index/qingjie.png"> </a> </div> </div> <p class="mt-20 d-flex align-items-center" style="color: #4C4E53;margin-top: 40px !important;"> <a class="footer-logo-long" href="https://www.imsinoexpo.com/" rel="nofollow" target="_blank"> </a> <span class="mr-30">2006-2024 上海博华国际展览有限公司版权所有（保留一切权利） </span> <a class="text-dark mr-20" href="https://beian.miit.gov.cn" rel="nofollow" target="_blank"> <span>沪ICP备05034851号-111</span> </a> <a class="text-dark" href= "https://beian.mps.gov.cn/#/query/webSearch?code=31010402000558" rel="noreferrer nofollow" target="_blank" style="margin-top: 2px;"> <img style="object-fit: contain;width: 18px;margin-top: -4px;" src="https://www.sjgle.com/static/home/images/index/filings.png"> <span style="padding-left: 5px;">沪公网安备 31010402000558号</span> </a> </p> </div> </div> </div> <script> if (window.location.toString().indexOf('ref_url') !== -1){ var refUrlIndex = window.location.href.indexOf('ref_url'); var refUrlSubstring = window.location.href.substring(refUrlIndex + 8); // 加上等号和一个空格的长度 var refUrlParams = refUrlSubstring.split('#')[0]; // 获取ref_url后面的参数部分 $('#referrer_url').val(refUrlParams); }else{ var referrerURL = document.referrer; if(referrerURL == ""){ var referrerURL = window.location.href; } $('#referrer_url').val(referrerURL); } $(document).ready(function() { $('#supplierLogin').click(function() { if (window.location.toString().indexOf('ref_url') !== -1){ var refUrlIndex = window.location.href.indexOf('ref_url'); var refUrlSubstring = window.location.href.substring(refUrlIndex); var refUrlParams = refUrlSubstring.split('#')[0]; // 获取ref_url后面的参数部分 window.location.href ="https://www.sjgle.com/Login/supplierLogin.html"+ "?"+ refUrlParams+"#nav-mobile"; }else{ window.location.href ="https://www.sjgle.com/Login/supplierLogin.html"; } }) }) //滑动验证 // var rj_data; // var nc_token = ["FFFF0N5N000000008C6B", (new Date()).getTime(), Math.random()].join(':'); // var NC_Opt = // { // renderTo: "#your-dom-id", // appkey: "FFFF0N5N000000008C6B", // scene: "nc_login", // token: nc_token, // customWidth: '100%', // customHeight: 50, // trans: { "key1": "code0" }, // elementID: ["usernameID"], // is_Opt: 0, // language: "cn", // isEnabled: true, // timeout: 1000, // times: 1, // apimap: { // }, // callback: function (data) { // // rj_data = data; // app.dragOk = true // $('#btn_email_captcha').removeAttr("disabled").removeClass('disabled'); // $('#btn_sms_captcha').removeAttr("disabled").removeClass('disabled'); // } // }; // var nc = new noCaptcha(NC_Opt) // nc.upLang('cn', { // _startTEXT: "请按住滑块，拖动到最右边", // _yesTEXT: "验证通过", // }); // nc.reload(); Vue.use(VeeValidate); VeeValidate.Validator.localize('zh_CN'); //手机的验证。 VeeValidate.Validator.extend("mobile", { getMessage: () => `请输入正确的手机号`, validate: value => value.length === 11 && /^[1]([3-9])[0-9]{9}$/.test(value) }); //邮箱的验证。 VeeValidate.Validator.extend("emailv2", { getMessage: () => `请输入正确的电子邮箱`, validate: value => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) }); //验证码的验证。 VeeValidate.Validator.extend("sms1", { // getMessage: () => `手机验证码只能包含数字字符`, getMessage: () => `请输入6位数验证码 `, // validate: value => /^\d+$/.test(value) validate: value => /^\d{6}$/.test(value) // validate: value => (value.length === 4 ||value.length === 6) && /[0-9]$/.test(value) }); //验证码的验证。 VeeValidate.Validator.extend("sms", { getMessage: () => `请输入6位数验证码`, validate: value => /^\d{6}$/.test(value) }); //密码的验证。 VeeValidate.Validator.extend("password", { getMessage: () => `密码要求8-20位字母或数字组合包含大小写`, // validate: value => /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/.test(value) validate: value => /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,20}$/.test(value) }); //感兴趣分类 // VeeValidate.Validator.extend("store_class", { // getMessage: () => `请选择感兴趣分类`, // validate: value => parseInt(value) >= 0 // }); var app = new Vue({ el: '#login', watch: { 'data2.password1': { handler: function(val) { this.pwCheckShow = true if(val.length > 7){ this.pwCheck1 = true }else{ this.pwCheck1 = false } // 包含数字 if(/[0-9]/.test(val)){ this.pwCheck2 = true }else{ this.pwCheck2 = false } // 包含大写字母 if(/[A-Z]/.test(val)){ this.pwCheck3 = true }else{ this.pwCheck3 = false } // 包含小写字母 if(/[a-z]/.test(val)){ this.pwCheck4 = true }else{ this.pwCheck4 = false } } } }, data() { return { pwCheckShow: false, pwCheck1: false, pwCheck2: false, pwCheck3: false, pwCheck4: false, dragOk: false, agree: false, data1: { mobile: '', email: '', emailCode: '', mobileCode: '', }, data2: { password1: '', password2: '', companyName: '', userName: '', serviceType: '1', invitation_code_1: '', }, data3: { store_class: '0' }, step: 1, defaultTipFlag: false, registerType: 1, // 1是手机 2是邮箱 btnDisabled: true, phoneCodeBtnCount: '', get: { myGoodsType: [1, 2, 3], choosedTypes: [ { type1: '', type2: '', type3: '', }, { type1: '', type2: '', type3: '', }, { type1: '', type2: '', type3: '', } ] } } }, delimiters: ['[[', ']]'], mounted() { }, watch: { 'data1.mobile': function (newVal, oldVal) { this.disabled_check1(); }, 'data1.mobileCode': function (newVal, oldVal) { this.disabled_check1(); }, 'data1.email': function (newVal, oldVal) { this.disabled_check2(); }, 'data1.emailCode': function (newVal, oldVal) { this.disabled_check2(); } }, methods: { getHash(hash) { const that = this // setTimeout(function() { if (hash === '#nav-mobile') { // 显示短信注册 that.registerType = 1 // $('#loginByAccount').hide(); $('#nav-account-tab').removeClass('active'); // $('#loginByPhone').show(); $('#nav-mobile-tab').addClass('active'); // that.check1(1); that.disabled_check1() } else if (hash === '#nav-account') { // 显示邮箱注册 that.registerType = 2 // $('#loginByPhone').hide(); $('#nav-mobile-tab').removeClass('active'); // $('#loginByAccount').show(); $('#nav-account-tab').addClass('active'); // that.check2(1); that.disabled_check2() } else { // 显示短信注册 that.registerType = 1 // $('#loginByAccount').hide(); $('#nav-account-tab').removeClass('active'); // $('#loginByPhone').show(); $('#nav-mobile-tab').addClass('active'); // that.check1(1); that.disabled_check1() } // },130) }, pwMouseout (){ this.pwCheckShow = false }, toLogin(val) { $('#nowx_login').show(); $('#wx_login').hide(); $('.login_title').text('免费注册'); if (window.location.toString().indexOf('ref_url') !== -1){ var refUrlIndex = window.location.href.indexOf('ref_url'); var refUrlSubstring = window.location.href.substring(refUrlIndex); var refUrlParams = refUrlSubstring.split('#')[0]; // 获取ref_url后面的参数部分 if (val === 1) { window.location.href = "https://www.sjgle.com/Login/login.html"+ "?"+ refUrlParams+"#nav-mobile"; } else { window.location.href = "https://www.sjgle.com/Login/login.html" +"?"+ refUrlParams+"#nav-account"; } }else{ if (val === 1) { window.location.href = "https://www.sjgle.com/Login/login.html#nav-mobile" } else { window.location.href = "https://www.sjgle.com/Login/login.html#nav-account" } } }, check1(flag) { this.registerType = 1 this.$nextTick(() => { if (flag !== 1) { if (window.location.href.includes('ref_url')) { var refUrlIndex = window.location.href.indexOf('ref_url'); var refUrlSubstring = window.location.href.substring(refUrlIndex); var refUrlParams = refUrlSubstring.split('#')[0]; // 获取ref_url后面的参数部分 window.location.href = "https://www.sjgle.com/Login/register.html"+ "?"+ refUrlParams+"#nav-mobile" }else{ window.location.href = "https://www.sjgle.com/Login/register.html#nav-mobile" } } this.disabled_check1(); if(!this.dragOk) return $('#btn_email_captcha').removeAttr("disabled").removeClass('disabled'); $('#btn_sms_captcha').removeAttr("disabled").removeClass('disabled'); }) }, // result() { // console.log('最后this.registerType更新：',this.registerType) // }, disabled_check1() { if (/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(this.data1.mobile)) { $('#btn_sms_captcha').removeClass('disabled'); $("#btn_sms_captcha").prop("disabled", false); if (this.data1.mobileCode) { $('#totalSubmit1').removeClass('disabled'); $("#totalSubmit1").prop("disabled", false); } else { $('#totalSubmit1').addClass('disabled'); $("#totalSubmit1").prop("disabled", true); } } else { $('#btn_sms_captcha').addClass('disabled'); $("#btn_sms_captcha").prop("disabled", true); $('#totalSubmit1').addClass('disabled'); $("#totalSubmit1").prop("disabled", true); } }, check2(flag) { this.registerType = 2 this.$nextTick(() => { if (flag !== 1) { // window.location.href = "https://www.sjgle.com/Login/register.html#nav-account" if (window.location.href.includes('ref_url')) { var refUrlIndex = window.location.href.indexOf('ref_url'); var refUrlSubstring = window.location.href.substring(refUrlIndex); var refUrlParams = refUrlSubstring.split('#')[0]; // 获取ref_url后面的参数部分 window.location.href = "https://www.sjgle.com/Login/register.html"+ "?"+ refUrlParams+"#nav-account" }else{ window.location.href = "https://www.sjgle.com/Login/register.html#nav-account" } } this.disabled_check2(); if(!this.dragOk) return $('#btn_email_captcha').removeAttr("disabled").removeClass('disabled'); $('#btn_sms_captcha').removeAttr("disabled").removeClass('disabled'); }) }, disabled_check2() { if (/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(this.data1.email)) { // $('#email_captcha').removeClass('disabled'); $('#btn_email_captcha').removeClass('disabled'); $("#btn_email_captcha").prop("disabled", false); if (this.data1.emailCode) { $('#totalSubmit1').removeClass('disabled'); $("#totalSubmit1").prop("disabled", false); } else { $('#totalSubmit1').addClass('disabled'); $("#totalSubmit1").prop("disabled", true); } } else { // $('#email_captcha').addClass('disabled'); $('#btn_email_captcha').addClass('disabled'); $("#btn_email_captcha").prop("disabled", true); $('#totalSubmit1').addClass('disabled'); $("#totalSubmit1").prop("disabled", true); } }, showNextTip(e) { this.defaultTipFlag = true }, hideNextTip(e) { this.defaultTipFlag = false }, getPhoneCode() { let start = '' if (this.btnDisabled) { layer.msg('请先拖动滑块验证'); return } if (this.phoneCodeBtnCount !== '') { this.sendMessage() return } this.phoneCodeBtnCount = 60 // 倒计时 setInterval(() => { if (isNumber(this.phoneCodeBtnCount)) { this.phoneCodeBtnCount = this.phoneCodeBtnCount - 1 if (this.phoneCodeBtnCount < 1) { this.phoneCodeBtnCount = '' } } }, 1000); }, next(step) { this.step = step }, btn1() { $('#totalSubmit1').addClass('disabled'); $("#totalSubmit1").prop("disabled", true); // if(!this.agree) // { // layer.msg("请勾选已阅读并接受食品加工包装在线网站《服务条款》和《隐私声明》"); // return // } this.$validator.validateAll('step1').then(result => { if (result) { var data var that = this; var inputVal = document.getElementById('registerType1'); if (that.registerType === 1) { inputVal.value = 'mobile'; data = { 'registerType': 1, 'sms_mobile': $('#sms_mobile').val(), 'sms_captcha': $('#sms_captcha').val(), } } else { inputVal.value = 'email'; data = { 'registerType': 2, 'email': $('#email').val(), 'email_captcha': $('#email_captcha').val(), } } $.ajax({ url: "/Login/msgCheck.html", type: "post", data: data, dataType: "json", success: function (data) { if (data.code == 10000) { // that.step = 2; $('#register1').trigger('click'); } else { layer.msg(data.message); } $('#totalSubmit1').removeClass('disabled'); $("#totalSubmit1").prop("disabled", false); }, error: function (data) { layer.msg(data.message); $('#totalSubmit1').removeClass('disabled'); $("#totalSubmit1").prop("disabled", false); } }); } }) }, btn2() { this.$validator.validateAll('step2').then(result => { if (result) { this.step = 3 } }) }, } }); $("#login_normal_form").validate({ errorPlacement: "div", success: function (label) { label.parents('.text-area:first').removeClass('error').find('label').remove(); }, submitHandler: function (form) { ds_ajaxpost('login_normal_form', 'url', '/Member/index.html'); }, onkeyup: false, rules: {}, messages: {} }); $(function () { // 获取url参数 $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } // 点击注册按钮 // $("#register1").click(function () { var sms_mobile =$("#sms_mobile").val(); var email =$("#email").val(); // //通过url参数获取店铺id // var total_store_id = $.getUrlParam('total_store_id'); //通过sessionStorage 获取对应key来判断具体画面获取keyId数据进行存储--lxx let entity = ''; let keyName = '' switch (sessionStorage.getItem('key')) { case 'C_storedetail': entity = 'enterprise'; keyName = 'store_id' break; case 'C_productDetail': entity = 'product_detail'; keyName = 'goods_id' break; default: break; } //企业/产品明细 // $.ajax({ // type:'POST', // url:'/DataStatistics/registData.html', // data:{'platform_code':'pc','type':sessionStorage.getItem('key'),'data1':sessionStorage.getItem('keyId'),'sms_mobile':sms_mobile,'email':email,'entity': entity,'keyName':keyName}, // dataType:'json', // async:true, // success:function(){ // } // }); // //受访页面/渠道分析 // $.ajax({ // type:'POST', // url:'/DataStatistics/registEnterpriseregistData.html', // data:{'platform_code':'pc','type':sessionStorage.getItem('key'),'data1':sessionStorage.getItem('keyId'),'sms_mobile':sms_mobile,'email':email}, // dataType:'json', // async:true, // success:function(){ // } // }); // 流量统计-板块分析 // const referrer = document.referrer; // $.ajax({ // type:'POST', // url:'/DataStatistics/registPlateAnalysis.html', // data:{'platform_code':'pc','sms_mobile':sms_mobile,'email':email,'ref':referrer}, // dataType:'json', // async:true, // success:function(){ // } // }); //流量统计-品类分析 // $.ajax({ // type:'POST', // url:'/DataStatistics/categoryAnalysisRegistData.html', // data:{'platform_code':'pc','type':'C_categoryAnalysis','sms_mobile':sms_mobile,'email':email, 'first_level_class':sessionStorage.getItem('first_level_class'),'second_level_class':sessionStorage.getItem('second_level_class'),'three_level_class':sessionStorage.getItem('three_level_class'),'utm_source':utm_source,'utm_medium':utm_medium,'utm_campaign':utm_campaign,'utm_channel':utm_channel}, // dataType:'json', // async:true, // success:function(){ // } // }); //用户管理-SEM投放分析 // $.ajax({ // type:'POST', // url:'/DataStatistics/semLaunchAnalysisRegistData.html', // data:{'platform_code':'pc','type':'F_semLaunchAnalysis','member_name':member_name, 'entity':'sem_launch_analysis'}, // dataType:'json', // async:true, // success:function(){ // } // }); //用户管理-注册用户分析 var port='PC-账号'; var utm_source = $.getUrlParam('utm_source'); var utm_medium = $.getUrlParam('utm_medium'); var utm_campaign = $.getUrlParam('utm_campaign'); var utm_channel = $.getUrlParam('utm_channel'); //判断来源类型 sourceType = getReferrer(); $.ajax({ type:'POST', url:'/DataStatistics/registeredUserAnalysisData.html', data:{'platform_code':'pc','type':'F_registereduUserAnalysis','utm_source':utm_source,'utm_medium':utm_medium,'utm_campaign':utm_campaign,'utm_channel':utm_channel,'sourceType':sourceType,'port':port,'register_sum':0}, dataType:'json', async:true, success:function(){ } }); // }); }); //判断来源类型 function getReferrer(){ var sourceType=''; var r = document.referrer; if (r =="" ||undefined || null) { sourceType = "其他"; }else{ //确定document.referrer是否来自我自己的站点 reFlag= document.referrer.indexOf(location.protocol + "//" + location.host) === 0; r = r.toLowerCase(); //转为小写 var b = false; if(reFlag == false){ var aSites = new Array('google.','baidu.','soso.','so.','360.','yahoo.','youdao.','sogou.','gougou.','bing.'); for (i in aSites){ if (r.indexOf(aSites[i]) > 0){ b = true; break; } } if(b){ sourceType = "搜索引擎"; }else{ sourceType = "引荐渠道"; } }else{ sourceType = "其他"; } } return sourceType; } // 扫描微信切换 $('#nowx_login').show(); $('#wx_login').hide(); function wxOpen() { if (window.location.toString().indexOf('ref_url') !== -1){ var refUrlIndex = window.location.href.indexOf('ref_url'); var refUrlSubstring = window.location.href.substring(refUrlIndex); var refUrlParams = refUrlSubstring.split('#')[0]; // 获取ref_url后面的参数部分 window.location.href ="https://www.sjgle.com/Login/login.html"+ "?"+ refUrlParams; }else{ window.location.href = "https://www.sjgle.com/Login/login.html" } // window.location.href = "https://www.sjgle.com/Login/login.html" // $('#nowx_login').hide(); // $('#wx_login').show(); // $('.login_title').text('微信登录'); // $('#target').load("/Connectwx/index_v2.html"); } function toLogin(val) { $('#nowx_login').show(); $('#wx_login').hide(); $('.login_title').text('免费注册'); setTimeout(function() { if (val === 0) { this.data1.registerType = 1 // $('#loginByPhone').hide(); // $('#nav-mobile-tab').removeClass('active'); // $('#loginByAccount').show(); // $('#nav-account-tab').addClass('active'); } else { this.data1.registerType = 2 // $('#loginByAccount').hide(); // $('#nav-account-tab').removeClass('active'); // $('#loginByPhone').show(); // $('#nav-mobile-tab').addClass('active'); } }, 100) } $(document).ready(function () { $(window).on('hashchange', function() { setTimeout(function() { var hash = window.location.hash; app.getHash(hash); // if (hash === '#nav-mobile') { // this.check1(); // // $('#loginByPhone').show(); // // $('#loginByAccount').hide(); // // $('#nav-account-tab').removeClass('active'); // // $('#nav-mobile-tab').addClass('active'); // // $('.login_title').text('欢迎登录'); // } else if (hash === '#nav-account') { // this.check2(); // // $('#loginByPhone').hide(); // // $('#loginByAccount').show(); // // $('#nav-mobile-tab').removeClass('active'); // // $('#nav-account-tab').addClass('active'); // // $('.login_title').text('欢迎登录'); // } else if (hash === '' && window.location.pathname === '/Login/register.html') { // // $('#nowx_login').hide(); // // $('#wx_login').show(); // // $('#wxOpeni').text('返回首页'); // // $('.login_title').text('微信登录'); // this.check1(); // // $('#loginByPhone').show(); // // $('#loginByAccount').hide(); // // $('#nav-account-tab').removeClass('active'); // // $('#nav-mobile-tab').addClass('active'); // } }, 150); // 适当的延迟时间，单位为毫秒 }); }); var hash = window.location.hash; app.getHash(hash); // if (hash === '#nav-mobile') { // // 显示短信注册 // this.check1(); // } else if (hash === '#nav-account') { // // 显示邮箱注册 // this.check2(); // } else { // // 显示短信注册 // this.check1(); // } </script> </body> </html>

CINXE.COM

注册-食品加工包装在线