在上一篇中,总结了如何在页面中弹出登录框。这篇中总结,用户登录后,对其基本信息的校验。
功能阐述:
1. 用户登录成功后,判断用户是否完善基本信息的;
2.用户提交完善的信息后,对信息进行校验。
具体的实例,参考这个专题 http://stopic.okhqb.com/kaixueji.html?preview=1
因为上次已经讲解过如何在页面中弹出登录框,在此,不在赘述
第一步,在js中判断是否完善信息,没有完善信息则弹出,完善信息的提示框
//表示没有完善个人信息
else if(d.code == 33334){ var _msgs = d.msg || ''; art.dialog({ id : '__tips', title : false, lock: true, padding:'0px 0px', drag: false,
//弹出完善个人信息的提示框 content : '<div class="getUserInfo cfix">\ <div class="getUserInfo_box cfix">\ <p>请填写一下手机号码,如中奖可及时联系您。</p>\ <div class="phone_box_bg cfix">\ <div class="input_phone_bg fl cfix"><input type="text" class="input_phone_no" id="info_phone" /></div>\ <div class="btn_sure fl" id="info_sumbit"></div></div></div></div>' }); }
第二步,用户完善信息之后,点击提交
/*校验手机号码*/ $('#info_sumbit').live('click', function(){ _sumbitInfo(); }) function _sumbitInfo(){ var _infoEmail = $('#info_email').val(); var _infoPhone = $('#info_phone').val(); var _emailReg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; var _mobileReg = /^1\d{10}$/; if(!_mobileReg.test(_infoPhone)){ return _systemPrompts('手机格式不正确!'); } $.ajax({ url:'http://my.okhqb.com/my/completeMobileInfo.json', data:{ 'mobile':_infoPhone 'email':_infoEmail }, dataType:'jsonp', type:'GET', jsonpCallback:'callback', success: function(d){ var _msg = d.msg; if(d.code == 200){ art.dialog({ title: false, content: '保存成功!', icon: 'succeed', time: 2, lock: true });
_closeAllTips(); }else if(d.code == 22222){ _systemPrompts('手机号码被占用'); }else{ _systemPrompts( _msg); } } }) } /*校验手机号码*/
看看完整的本地demo,kaixueji.zip