Browse Source

手机绑定功能修改

xuchunyang 8 years ago
parent
commit
9913a12dc0
2 changed files with 49 additions and 26 deletions
  1. 3 3
      account-set.html
  2. 46 23
      js/account-set.js

+ 3 - 3
account-set.html

67
            <input type="text" placeholder="请输入短信验证码" class="psd input-code" maxlength="4" id="phoneCode"  onBlur="valCode()">
67
            <input type="text" placeholder="请输入短信验证码" class="psd input-code" maxlength="4" id="phoneCode"  onBlur="valCode()">
68
            <input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
68
            <input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
69
            <div class="msg-yz msg13"></div>
69
            <div class="msg-yz msg13"></div>
70
            
71
            <input type="button" value="完成绑定" class="activate act act-color" onClick="bindPhone()">
72
            <input type="button" value="返回" class="activate back-btn" >
70
            <div style="text-align: center;">
71
            	<input type="button" value="完成绑定" class="activate act-color" onClick="bindPhone()">
72
            </div>
73
        </form>
73
        </form>
74
	</div>
74
	</div>
75
</div>
75
</div>

+ 46 - 23
js/account-set.js

3
	    loginStatus();//读取用户头像
3
	    loginStatus();//读取用户头像
4
	    valUser();
4
	    valUser();
5
	   
5
	   
6
	    var setta = GetQueryString("seta");
7
		if(setta==2){
8
			$(".account-set a").eq(1).addClass("bgcolor").siblings().removeClass("bgcolor");
9
			$(".contentbox .content-set").eq(1).show().siblings().hide();
10
		}
11
		
6
		var userid = $.cookie("userid");
12
		var userid = $.cookie("userid");
7
		//个人信息头像获取
13
		//个人信息头像获取
8
   		$("#headimg").attr("src", "/images/head/" + userid + "_l.jpg");
14
   		$("#headimg").attr("src", "/images/head/" + userid + "_l.jpg");
192
	     });
198
	     });
193
	}
199
	}
194
	
200
	
195
	//判断账号是否注册
201
	//判断邮箱是否绑定
196
	function userRegisterOk(){
202
	function userRegisterOk(){
197
		var email = $("#email").val();
203
		var email = $("#email").val();
198
		console.log(email);
204
		console.log(email);
271
		location.href=mailVal;
277
		location.href=mailVal;
272
	})
278
	})
273
	
279
	
280
	//判断手机是否绑定
281
	function phoneRegisterOk(){
282
		var phoneVal = $("#phone").val();
283
		$.ajax("/ajax/isReg?key="+phoneVal,{
284
			type:"GET",
285
			async: false,
286
			success:function($data){ 
287
				console.log($data);
288
			    if($data.data==true){
289
			    	 $(".msg12").text("");
290
			    	 phonePass = true;
291
			    }else{
292
			    	 $(".msg12").text("该手机已绑定账号,请使用其他手机号码。");
293
			    }
294
			}, 
295
			error:function(){
296
				$.MsgBox.Alert('消息','服务器请求失败')},
297
			}
298
		);
299
	}	
300
	
274
	//验证手机号是否合法
301
	//验证手机号是否合法
275
	var phonePass = false;
302
	var phonePass = false;
276
	function valPhone(){
303
	function valPhone(){
277
		var phoneVal = $("#phone").val();
304
		var phoneVal = $("#phone").val();
278
		if(phoneVal.length==0){
279
			/*alert("请输入您的手机号码");*/
280
	        $(".msg12").text("请输入您的手机号码");
281
	    }else{
282
        	var hunPhone=/^1[3|4|5|7|8]\d{9}$/;
283
			if(hunPhone.test(phoneVal.trim())){
284
				$(".msg12").text("");
285
				phonePass = true;
286
			}else{
287
				phonePass = false;
288
				/*alert("手机格式正确,请输入正确的手机号码");*/
289
				$(".msg12").text("手机格式不正确,请输入正确的手机号码");
290
			}
291
	    }
305
    	var hunPhone=/^1[3|4|5|7|8]\d{9}$/;
306
		if(hunPhone.test(phoneVal.trim())){
307
			phoneRegisterOk();
308
		}else{
309
			phonePass = false;
310
			/*alert("手机格式正确,请输入正确的手机号码");*/
311
			$(".msg12").text("请输入正确的手机号码");
312
		}
292
	}
313
	}
293
	//验证手机验证码
314
	//验证手机验证码
294
	var codePass = false;
315
	var codePass = false;
317
					type:"GET",
338
					type:"GET",
318
					 async: false,
339
					 async: false,
319
					success:function(data){ 
340
					success:function(data){ 
341
						console.log(data);
320
						if(data.success){
342
						if(data.success){
321
							if(data.data == null){
343
							if(data.data == null){
322
								$(".msg13").text("验证码发送失败,请确认手机号码正确!");
344
								$(".msg13").text("验证码发送失败,请确认手机号码正确!");
323
								/*alert("验证码发送失败,请确认手机号码正确!");*/
345
								/*alert("验证码发送失败,请确认手机号码正确!");*/
324
							}else{
346
							}else{
325
								$(".msg13").text("发送成功,请检查手机验证码");
326
								/*alert("发送成功,请检查手机验证码");*/
327
								phoneState = data.data;
347
								phoneState = data.data;
328
								$.MsgBox.Alert("消息提醒","设置错误!");
348
								$(".msg13").text("发送成功,请检查验证码");
329
							}
349
							}
330
						}else{
350
						}else{
331

332
							$.MsgBox.Alert("消息提醒","系统异常!");
351
							$.MsgBox.Alert("消息提醒","系统异常!");
333
							// alert("系统异常!");
352
							// alert("系统异常!");
334
						}
353
						}
349
			alert($("#phone").val());
368
			alert($("#phone").val());
350
			alert(phoneState);
369
			alert(phoneState);
351
			alert($("#phoneCode").val());*/
370
			alert($("#phoneCode").val());*/
352

371
			var phoneVal = $("#phone").val();
353
			$.ajax("/ajax/bindMobilePhone",{
372
			$.ajax("/ajax/bindMobilePhone",{
354
					type:"POST",
373
					type:"POST",
355
					 async: false,
374
					 async: false,
357
						if(data.success){
376
						if(data.success){
358
							/*alert(2);*/
377
							/*alert(2);*/
359
							if(data.data == true){
378
							if(data.data == true){
360
								$.MsgBox.Alert("消息提醒","绑定成功请重新登录!");
361
								location.href="login.html";
379
								$.cookie('userMobilePhone',phoneVal); 
380
								$(".cover2").hide();
381
								$.MsgBox.Alert("消息提醒","手机绑定成功!");	
382
								setTimeout(function(){
383
									location.href="account-set.html?seta=2";
384
								},1500);
362
							}else{
385
							}else{
363
								$.MsgBox.Alert("消息提醒","绑定失败,请检查验证码是否正确");
386
								$.MsgBox.Alert("消息提醒","短信验证不正确,请检查后重新输入。");
364
							}
387
							}
365
						}else{
388
						}else{
366
							$.MsgBox.Alert("消息提醒","系统异常!");
389
							$.MsgBox.Alert("消息提醒","系统异常!");