FEX

让web开发更迅速、简单。

您的位置:首页 - 功能类组件列表 - 功能类组件详情

通用登录、注册

2016-11-24 10:39:20

DEMO:
http://zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/demo-pop.html  弹出层
http://zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/demo.html  (各种注册样式)
http://zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/demo02.html  (使用测试账号登录)
 
调用方法
 
1. 加载js(依赖jquery)
<script src="//zhcdn01.xoyo.com/assets/lib/jquery/jquery.1.7.2.js"></script>
<script src="//zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/register.js"></script>
增加压缩版本(只需引用一个注册JS就行了)
<script src="//zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/register.min.js"></script>
 
2. 输入dom节点
 
 
 
3. 初始化代码
    $('.xsj_register_dom_eight').registerPublic({    //这个class样式名等于2中的dom节点的样式名
        ajaxUrl:'http://test.ws.xoyo.com:7982/',     //用于测试接口
        domName:'.xsj_register_dom_eight',           //这个class样式名等于2中的dom节点的样式名
        regTag:8,
        loginModel:true,
        client:'jx3',
        onStart: function () {  //DOM拼装完毕时 回调(用于修改DOM结构和文字)
            $('.J_getCodeBoxLogin').before('
粤剧门票
')
        },
        cbLoginModelSuccess: function($user){       //登录成功后返回的登录名
            $("#step_one").hide();
            $("#step_two").show();
            $('.g_username').empty().html($user)
        }
    });
 
4.demo网址
http://zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/demo.html
 
5.增加退出方法,在任意的按钮添加class样式J_logOutPublicRegjs就可使用退出功能。比如:
 
 
退出按钮
 
 
参数说明
 
 
domName: ''      //必填/按钮dom,可以class,也可以ID
cssUrl: '//zhcdn01.xoyo.com/xassets/com/pf/register/jsreg/v2/skins/s001/reg.css?v=123',//css样式
isPassAgain: false, //是否需要开启 确认密码框 默认关闭
isLogin: false,     //是否需要 判断用户是否登录
onlyMobile: false,  //是否 只有手机注册 true为只有手机注册(用于移动端)
onlyPutong: false,  //是否 只有个性普通版注册 true为只有普通注册
oneStepPhone: false,  //是否 一个步骤完成 手机注册 onlyMobile也要为true
oneStepPutong: false, //是否 一个步骤完成 普通注册 onlyPutong也要为true
artDiatTips: false,   //是否 用artdiag弹出提示框,需要加载artdiagjs和CSS皮肤
twoStepTabsHide: false, //是否 到达第二步时 关闭选项卡按钮 默认开启 为true时第二步关闭
loginModel: false,
isJizhiArea: false,   //是否 开启极致验证指定弹出区域 此时会把后续验证弹出到以下指定ID的区域内居中显示
areaJizhiId: null,  //极致验证指定弹出区域 id
isLogOutCallback: false, //是否开启退出回调 ,如果为true为调用退出回调函数 否则刷新页面
nextWidthJizhi: '260px', //极致验证指定弹出区域 宽度
/*
 
 
@params client 客户端标识涉及短信计费 请正确填写
jx 剑1
jx 剑1
jx2 剑2
jx3 剑3
jxsj 剑世
fkxd 反恐
mj 麻辣江湖
cq 春秋Q传
tghf_reserve 特工后妃楚乔传
*
*/
 
 
client: '',      //客户端标识涉及短信计费 请正确填写
regTag: '0',      //0~16位, 用于一个页面需要显示多个注册的场景
ajaxUrl: 'https://apps-ws.xoyo.com/', //接口网址,如果需要使用测试接口,请把此参数改为http://test.ws.xoyo.com:7982/
 
regRefer: ( document.referrer ) || '', //注册来源页面
regTarget: 'reg_public_signup',    //注册区域 一个页面有多个注册时的标记
//注册成功后提示文案
regText: '请保管好您的账户名和密码,西山居不会以任何的形式向您索要账户名和密码。',
 
 
 
回调函数
 
onStart: function () {  //DOM拼装完毕时 回调(用于修改DOM结构和文字)
 
},
 
cbRegSuccess: function ($username) {  //注册成功回调 参数是用户名
 
},
 
cbLoginModelSuccess: function($username) { //用户登录模块 成功后回调
 
},
cbLogOut:function () {  //退出回调 当isLogOutCallback 为 true时 回调此函数 不再刷新页面
},
 
cbLoginSuccess: function ($user) { //用户已登录时回调 isLogin为true,且已登录才会有此回调  参数为用户名
 
}

效果演示