{seopage id=11}
{include "header.inc.html"}
{include "user/header.inc.html"}
<script type="text/javascript" src="{$baseUrl}static/js/jquery.form.js"></script>
<script type="text/javascript" src="{$baseUrl}static/js/jquery.validate.min.js"></script>
<div class="layout-user">
	<div class="layout-side">
		{include "user/side.inc.html"}
	</div>
	<div class="layout-main">
			<div class="mypp_container">
				<div class="mypp_box profile" id="">
					<div class="hd"><h2>个人资料</h2><p class="links" id="feed_message" style="width: 30em; height: 24px; overflow: hidden; display: block;"><span></span></p></div>
					<div class="bd">
						<div class="indenture_list_cont">
							<form action="" class="form" id="J_infoForm" method="post">
							<input type="hidden" name="inajax" value="1" />
							<input type="hidden" name="act" value="edit" />
							<div class="form-line">
								<label class="label">账户名：</label><div class="element"><input type="text" class="text w150" name="loginName" value="{$userInfo.loginName}" readonly/></div>
							</div>
							<div class="form-line">
								<label class="label">电子邮件：</label><div class="element"><input type="text" class="text w150" name="email" value="{$userInfo.email}" /></div>
							</div>
							<div class="form-line">
								<label class="label">姓&nbsp;&nbsp;名：</label><div class="element"><input type="text" class="text w150" name="name" value="{$userInfo.name}" /></div>
							</div>
							<div class="form-line">
								<label class="label">身份证号码：</label><div class="element"><input type="text" class="text w150" name="certNo" value="{$userInfo.certNo}" /></div>
							</div>
							<div class="form-line">
								<label class="label">邀请会员：</label><div class="element"><input type="text" class="text w150" name="inviter" value="{$userInfo.inviter}" readonly /></div>
							</div>
							<div class="form-line">
								<label class="label">所在地区：</label><div class="element"><input type="radio" name="space" value="1"{if $userInfo.space==1} checked{/if} />中国大陆 <input type="radio" name="space" value="2"{if $userInfo.space==2} checked{/if} />海外 <input type="radio" name="space" value="3"{if $userInfo.space==3} checked{/if} />港、澳、台</div>
							</div>
							<div class="form-line">
								<label class="label">联系电话：</label><div class="element"><input type="text" class="text w150" name="mobile" value="{$userInfo.mobile}" /></div>
							</div>
							<div class="form-line">
								<label class="label"></label><div class="element"><input type="submit" class="submit" value="提交" onfocus="this.blur()"/></div>
							</div>
							</form>
							<div class="messageStackSuccess"></div>
							<div class="messageStackError"></div>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div class="clear"></div>
</div>

<script type="text/javascript">
$(function(){
	$("#J_infoForm").validate({
		rules:{
			name:{ required:true},
			email:{ required:true,email:true},
			certNo:{ required:true},
			mobile:{ required:true}
		},
		messages:{
			name:{ required:"请输入姓名"},
			email:{ required:"请输入电子邮件",email:"电子邮件格式不正确" },
			certNo:{ required:"请输入身份证号码"},
			mobile:{ required:"请输入手机号码"}
		},
		submitHandler:function(){
			$("#J_infoForm").ajaxSubmit({ dataType:"json",success:showResponse,error:errorResponse });// 
			return false;
		}
	});
	function showResponse(rt,st,xhr,form){
		if(rt.success){
			$(".messageStackSuccess").html("{$lang.user.profile.success}");
			$(".messageStackError").hide();
			$(".messageStackSuccess").show();
			window.setTimeout(function(){
				$(".messageStackSuccess").hide();
			},1000)
		}else{
			$(".messageStackError").find("span").eq(0).html("Error: "+rt.message);
			$(".messageStackError").show();
			alert("Error: "+rt.message);
		}
	}
	function errorResponse(){
		alert("失败");
	}
});
</script>

{include "footer.inc.html"}