用户资料提交 - 在线提交你的个人信息

<script src="//cdn.staticfile.org/modernizr/2.8.3/modernizr.min.js"></script>
<script src="//cdn.staticfile.org/layer/2.3/layer.js"></script>
<script src="//www.layuicdn.com/layui/layui.js"></script>
<script>
layui.use(['laydate','form'], function(){
  var laydate = layui.laydate;
  var form = layui.form;
  laydate.render({
    elem: '#birthday',
    type: 'date' // 修改为日期选择器类型
  });
  
   form.render();
});

$('#city').click(function(){
   getCity('city_input'); 
});


$('#toudi').click(function(){
   touxiang = $('#touxiang').attr('src');
   name = $('#name').val(); 
   birthday = $('#birthday').val(); // 修改为val()获取生日值
   city = $('#city_input').val(); // 修改为val()获取城市值
   sex = $("input[name='sex']:checked").val();
   weixin = $('#weixin').val();
   jieshao = $('#jieshao').val();
   userName = getCookie('userName');
   
   if(birthday=='请选择您的生日'|| !sex || !weixin){
       layer.msg('生日,性别,微信为必填项哦！');
       return false;
   }
   
   if(city=='请选择您的城市'){
       city = '';
   }
   
    if(!userName){
       layer.msg('获取cookie失败，请联系管理员！');
       return false;
    }
    
    var load = layer.load(3, {shade:[0.1,'#fff']});
	$.ajax({
		url: "./view/ajax.php?act=toudi",
		data: {touxiang,name,birthday,city,sex,weixin,jieshao,userName},
		type: "POST",
		dataType: "json",
		success: function (data) {
			layer.close(load);
			if(data.code==1){
                pay_cz('toudi',data.orderid);
			}else{
			    layer.msg(data.msg);
			}
		},
		error:function(data){
		    layer.close(load);
			layer.msg('服务器错误');
			return false;
		}
	})
});

function fileUpload(obj, des){
	var fileObj = $(obj)[0].files[0];
	if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
		return;
	}
	var formData = new FormData();
	formData.append("file",fileObj);
	var ii = layer.load(3, {shade:[0.1,'#fff']});
	$.ajax({
		url: "./view/ajax.php?act=file_opload",
		data: formData,
		type: "POST",
		dataType: "json",
		cache: false,
		processData: false,
		contentType: false,
		success: function (data) {
			layer.close(ii);
			if(data.code==1){
                $('#touxiang').attr('src',data.path);
			}else{
			    layer.msg(data.msg);
			}
		},
		error:function(data){
			layer.msg('服务器错误');
			return false;
		}
	})
}

function getCity(input,fid,i){
	i = i || 0;
	fid = fid || 0;
	if(i==2){
	    return false;
	}
	if(i == 0){
		var options='<select class="shortselect" id="biaozhi_'+(i+1)+'" onchange="getCity('+input+',this.value,'+(i+1)+')">';
		options+='<option></option>';
		$.each("\u5317\u4eac|1|72|1,\u4e0a\u6d77|2|78|1,\u5929\u6d25|3|51035|1,\u91cd\u5e86|4|113|1,\u6cb3\u5317|5|142,\u5c71\u897f|6|303,\u6cb3\u5357|7|412,\u8fbd\u5b81|8|560,\u5409\u6797|9|639,\u9ed1\u9f99\u6c5f|10|698,\u5185\u8499\u53e4|11|799,\u6c5f\u82cf|12|904,\u5c71\u4e1c|13|1000,\u5b89\u5fbd|14|1116,\u6d59\u6c5f|15|1158,\u798f\u5efa|16|1303,\u6e56\u5317|17|1381,\u6e56\u5357|18|1482,\u5e7f\u4e1c|19|1601,\u5e7f\u897f|20|1715,\u6c5f\u897f|21|1827,\u56db\u5ddd|22|1930,\u6d77\u5357|23|2121,\u8d35\u5dde|24|2144,\u4e91\u5357|25|2235,\u897f\u85cf|26|2951,\u9655\u897f|27|2376,\u7518\u8083|28|2487,\u9752\u6d77|29|2580,\u5b81\u590f|30|2628,\u65b0\u7586|31|2652,\u6e2f\u6fb3|52993|52994,\u53f0\u6e7e|32|2768,\u9493\u9c7c\u5c9b|84|84".split(","), function(a, c) {
		c = c.split("|"),
		options+='<option value="'+c[1]+'"'>'+c[0]+'</option>'
	});
		options+='</select>';
		layer.alert('<div id="layer_button">'+options+'</div>',{title:'请选择城市',closeBtn:0},function(index){
			var con='';
			$("#layer_button select").each(function(){
				con+=$(this.options[this.selectedIndex]).text();
			});
// 			if(!con)return layer.alert('请选择地址！');
			if(con){
			    $("#city_input").val(con).show(); // 修改为val()设置城市值
			}
			layer.close(index);
		});
	}else{
	$.ajax({
		type:"get",
		url:"https://fts.jd.com/area/get?fid="+fid,
		dataType:"jsonp",
		success:function(data){
			if(data.length<1){
				if($("#layer_button").html().indexOf("getCity('" + input + "',this.value," + (i + 1) + ")")!=-1){
					$("#biaozhi_" + (i + 1)).remove();
				}
				return false;
			}
			var options='<select class="shortselect" id="biaozhi_'+(i+1)+'" onchange="getCity(''+input+'',this.value,'+(i+1)+')">';
			options+='<option></option>';
			$.each(data,function(index,res){
				options+='<option value="'+res.id+'"'>'+res.name+'</option>';
			});
			options+='</select>';
			if($("#layer_button").html().indexOf("getCity('" + input + "',this.value," + (i + 1) + ")")!=-1){
				$("#biaozhi_" + (i + 1)).html(options);
			}else{
				$("#layer_button").append(options);
			}
		}
	});
	}
}
</script>