调用方法
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,且已登录才会有此回调 参数为用户名
}
效果演示