title: jQuery登录注册插件

jQuery登录注册插件

更多请到github文档查看

使用方法

先引入 jQuery脚本，然后引入register.js脚本，最后再初始化

  1.    1. 加载js(依赖jquery)
  2.    <script src="//zhcdn01.xoyo.com/assets/lib/jquery/jquery.1.7.2.js"></script>
  3.    <script src="//zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/register.js"></script>
  5.    2. 输入dom节点
  6.    <div class="xsj_register_dom_eight">
  7.    </div>
  9.    3. 初始化代码
  10.        $('.xsj_register_dom_eight').registerPublic({    //这个class样式名等于2中的dom节点的样式名
  11.            ajaxUrl:'http://my-api-dev.xoyo.com/',     //用于测试接口
  12.            domName:'.xsj_register_dom_eight',           //这个class样式名等于2中的dom节点的样式名
  13.            regTag:8, //用于一个页面有多个登录或者注册框
  14.            loginModel:true,
  15.            client:'jx3',
  16.            onStart: function () {  //DOM拼装完毕时 回调(用于修改DOM结构和文字)
  17.                $('.J_getCodeBoxLogin').before('<div class="input-box hei-line inputbtn-tips">粤剧门票</div>')
  18.            },
  19.            cbLoginModelSuccess: function($user){       //登录成功后返回的登录名
  20.                $("#step_one").hide();
  21.                $("#step_two").show();
  22.                $('.g_username').empty().html($user)
  23.            }
  24.        });
  26.     4.增加退出方法，在任意的按钮添加class样式J_logOutPublicRegjs就可使用退出功能。比如：
  27.     <div class="J_logOutPublicRegjs">退出按钮</div>
  29.     5.DEMO网址
  30.     http://zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/demo.html

常用DEMO

1.普通登录，有wegame

  1. <div class="xsj_register_dom_nine"></div>
  2. <script>
  3.     $('.xsj_register_dom_nine').registerPublic({
  4.         domName:'.xsj_register_dom_nine',
  5.         regTag:9,
  6.         loginModel:true,
  7.         client:'jx3',
  8.         isWegameLogin: true, //wegame login
  9.         jiyanBind:true,
  10.         isLogOutCallback: true, //开启退出回调
  11.         cbLogOut:function () {
  12.             alert('退出成功')
  13.         },
  14.         cbLoginModelSuccess: function($user){
  15.             alert($user)
  16.         }
  17.     });
  18. </script>
  20. 2.普通注册，有回调
  21. <div class="xsj_register_dom_six"></div>
  22. <script>
  23.     $('.xsj_register_dom_six').registerPublic({
  24.         domName:'.xsj_register_dom_six',
  25.         regTag:6,
  26.         onlyPutong:true,
  27.         oneStepPutong:true,
  28.         client:'jx3',
  29.         onStart: function(){
  30.             $('.J_regPubregBtn').html('注册领奖');
  31.             $('.J_idcardText').html('根据国家规定，必须完成实名制认证才能注册账号，请补填以下信息，领取688元豪华礼包：')
  32.         },
  33.         cbRegSuccess: function($username,sin_name,sin_idcard,sin_email){
  34.             /* 返回参数说明
  35.              * $username     返回用户名 或者 注册时的手机号
  36.              * sin_name      返回真实姓名
  37.              * sin_idcard    返回身份证号
  38.              * sin_email     返回email
  39.              */
  40.         }
  41.     })
  43. </script>
  46. 3.手机注册
  47. <div class="xsj_register_dom_five"></div>
  48. $('.xsj_register_dom_five').registerPublic({
  49.     domName:'.xsj_register_dom_five',
  50.     regTag:5,
  51.     onlyMobile:true,
  52.     oneStepPhone:true,
  53.     client:'jx3'
  54. })

API

  1.  ...
  2.     domName: ''      //必填/按钮dom,可以class,也可以ID
  3.     cssUrl: '//zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/skins/s001/reg.css?v=123',//css样式
  4.     isPassAgain: false, //是否需要开启 确认密码框 默认关闭
  5.     isLogin: false,     //是否需要 判断用户是否登录
  6.     onlyMobile: false,  //是否 只有手机注册 true为只有手机注册（用于移动端）
  7.     onlyPutong: false,  //是否 只有个性普通版注册 true为只有普通注册
  8.     oneStepPhone: false,  //是否 一个步骤完成 手机注册 onlyMobile也要为true
  9.     oneStepPutong: false, //是否 一个步骤完成 普通注册 onlyPutong也要为true
  10.     artDiatTips: false,   //是否 用artdiag弹出提示框，需要加载artdiagjs和CSS皮肤
  11.     twoStepTabsHide: false, //是否 到达第二步时 关闭选项卡按钮 默认开启 为true时第二步关闭
  12.     loginModel: false,
  13.     isJizhiArea: false,   //是否 开启极致验证指定弹出区域 此时会把后续验证弹出到以下指定ID的区域内居中显示
  14.     areaJizhiId: null,  //极致验证指定弹出区域 id
  15.     isWegameLogin: false, //是否开启wegame登录
  16.     isLogOutCallback: false, //是否开启退出回调 ，如果为true为调用退出回调函数 否则刷新页面
  17.     nextWidthJizhi: '260px', //极致验证指定弹出区域 宽度
  18.     regTag: '0',      //0~16位, 用于一个页面需要显示多个注册的场景
  19.     ajaxUrl: 'https://pf-api.xoyo.com/', //接口网址，如果需要使用测试接口，请把此参数改为http://my-api-dev.xoyo.com/
  21.     regRefer: ( document.referrer ) || '', //注册来源页面
  22.     regTarget: 'reg_public_signup',    //注册区域 一个页面有多个注册时的标记
  23.     //注册成功后提示文案
  24.     regText: '请保管好您的账户名和密码，西山居不会以任何的形式向您索要账户名和密码。',
  25.  ...