用户登录后，对其基本信息的校验

 

在上一篇中，总结了如何在页面中弹出登录框。这篇中总结，用户登录后，对其基本信息的校验。

功能阐述：

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

 

 

 

转载于:https://www.cnblogs.com/huanhuan8808/p/3301060.html