<link rel="stylesheet" type="text/css" href="/static/css/minaiw/btn.css" />
<div class="tabbox">
<div class="tab cur"><a href="/taoshop/aboutus/page/id/5.html">个人资料</a></div>
</div>
<div class="uc_box clearfix">
<style>
.field{ width:520px}
</style>
<div class="blank"></div>
<form method="post" action="/taoshop/aboutus/page/id/5.html" name="modify">
<table width="800px" class="user_info_table">
<tr>
<td colspan=2 class="tr">
<button type="button" class="true_btn" id="edit-account">编辑资料</button>
</td>
</tr>
<tr>
<td class="pt10" valign="top" style="width:120px; text-align:center">
<img id="avatar" src="http://www.pvtool.com/upload/avatar/default_120.jpg" />
<div class="blank"></div>
<div class="hide account-edit-box">
<label class="fileupload" onclick="upd_file(this,'avatar_file',);">
<input type="file" class="filebox" name="avatar_file" id="avatar_file"/>
</label>
<label class="fileuploading hide" ></label>
</div>
</td>
<td class="pt10" >
<div class="field username">
<label for="settings-username"><span class="red">*</span>昵称</label>
<span class="f_l"></span>
</div>
<div class="blank10"></div>
<div class="field email">
<label for="settings-email-address"><span class="red">*</span>Email</label>
<span class="f_l"></span>
<span class="passed"><a href="/taoshop/aboutus/page/id/5.html">去设置</a></span>
</div>
<div class="blank10"></div>
<div class="field real_name">
<label for="settings-real_name"><span class="red">*</span>真实姓名</label>
<span class="f_l"></span>
<span class="passed"><a href="/taoshop/aboutus/page/id/5.html">去认证</a></span>
</div>
<div class="blank10"></div>
<div class="field idno">
<label for="settings-idno"><span class="red">*</span>身份证号</label>
<span class="f_l"></span>
<span class="passed"><a href="/taoshop/aboutus/page/id/5.html">去认证</a></span>
</div>
<div class="blank10"></div>
<div class="field mobile">
<label for="settings-mobile"><span class="red">*</span>手机号码</label>
<span class="f_l"></span>
<span class="passed"><a href="/taoshop/aboutus/page/id/5.html">去绑定</a></span>
</div>
<div class="blank10"></div>
<div class="field">
<label><span class="red">*</span>性别</label>
<span class="f_l">
</span>
</div>
<div class="blank10"></div>
<div class="field clearfix">
<label for="settings-birthday"><span class="red">*</span>出生日期</label>
<div class="f_l">
-
-
</div>
</div>
<!--显示框开始-->
<div class="account-view-box">
<div class="blank10"></div>
<div class="field graduation">
<label for="settings-graduation"><span class="red">*</span>最高学历</label>
<span class="f_l">
</span>
</div>
<div class="blank10"></div>
<div class="field university">
<label for="university">毕业院校</label>
<span class="f_l"></span>
</div>
<div class="blank10"></div>
<div class="field marriage">
<label><span class="red">*</span>婚姻状况</label>
<span class="f_l"></span>
</div>
<div class="blank10"></div>
<div class="field">
<label for="settings-region"><span class="red">*</span>户口所在地</label>
<span class="f_l">
</span>
</div>
<div class="blank10"></div>
<div class="field address">
<label for="settings-address"><span class="red">*</span>居住地址</label>
<span class="f_l"></span>
</div>
<div class="blank10"></div>
<div class="field phone">
<label for="settings-phone">电话</label>
<span class="f_l"></span>
</div>
</div>
<!--显示框结束-->
<!--编辑框开始-->
<div class=" account-edit-box">
<div class="blank10"></div>
<div class="field graduation">
<label for="settings-graduation"><span class="red">*</span>最高学历</label>
<select name="graduation" id="settings-graduation" class="f_l ui-select">
<option value="" selected="selected">==请选择==</option>
<option value="高中或以下" selected="selected">高中或以下</option>
<option value="大专" selected="selected">大专</option>
<option value="本科" selected="selected">本科</option>
<option value="研究生或以上" selected="selected">研究生或以上</option>
</select>
</div>
<div class="blank10"></div>
<div class="field university">
<label for="university">毕业院校</label>
<input type="text" value="" class="f-input f_l ui-textbox" id="settings-university" name="university" size="30">
</div>
<div class="blank10"></div>
<div class="field marriage">
<label><span class="red">*</span>婚姻状况</label>
<span class="f_l">
<label class="ui-radiobox" rel="common_marriage">
<input type="radio" value="已婚" name="marriage" > 已婚
</label>
<label class="ui-radiobox" rel="common_marriage">
<input type="radio" value="未婚" name="marriage" > 未婚
</label>
<label class="ui-radiobox" rel="common_marriage">
<input type="radio" value="离异" name="marriage" > 离异
</label>
<label class="ui-radiobox" rel="common_marriage">
<input type="radio" value="丧偶" name="marriage" > 丧偶
</label>
</span>
</div>
<script type="text/javascript" src="/system/region.js"></script>
<div class="blank10"></div>
<div class="field">
<label for="settings-region"><span class="red">*</span>户口所在地</label>
<span class="f_l">
<select name="province_id" class="ui-select" height="300">
<option value="0">==请选择==</option>
</select>
<select name="city_id" class="ui-select" height="300">
<option value="0">==请选择==</option>
</select>
</span>
</div>
<div class="blank10"></div>
<div class="field address">
<label for="settings-address"><span class="red">*</span>居住地址</label>
<input value="" class="f-input f_l ui-textbox" name="address" id="settings-address">
</div>
<div class="blank10"></div>
<div class="field phone">
<label for="settings-phone">电话</label>
<input class="f-input ui-textbox w60" type="text" value="" class="f-input f_l" id="frphone" onkeyup="setPhone();" onblur="setPhone();">
<span class="f_l"> - </span>
<input class="f-input ui-textbox" type="text" value="" class="f-input f_l" id="numphone" onkeyup="setPhone();" onblur="setPhone();">
<input type="hidden" value="" name="phone" id="phone">
</div>
</div>
<!--编辑框结束-->
</td>
</tr>
</table>
<div class="blank20"></div>
<div class="tc">
<div class=" account-edit-box">
<input type="submit" class="sub_btn" id="settings-submit" name="commit" value="保存更改">
</div>
</div>
<div class="blank"></div>
</form>
</div>
<script type="text/javascript" src="/js/ajaxupload.js"></script>
<script type="text/javascript">
function setPhone(){
var frphone = $.trim($("#frphone").val());
var numphone = $.trim($("#numphone").val());
if(frphone!=""&&numphone!=""){
$("#phone").val(frphone+"-"+numphone);
}
else{
$("#phone").val("");
}
}
$(document).ready(function() {
$(".account-edit-box").addClass("hide");
$("#settings-submit").click(function(){
if($.trim($("#settings-email-address").val()).length == 0)
{
$("#settings-email-address").focus();
$.showErr("USER_TITLE_EMAIL");
return false;
}
if(!$.checkEmail($("#settings-email-address").val()))
{
$("#settings-email-address").focus();
$.showErr("USER_TITLE_EMAIL");
return false;
}
var is_marriage = false;
$("input[name='marriage']").each(function(){
if($(this).attr("checked")=="checked" || $(this).attr("checked")==true){
is_marriage = true;
}
});
if(!is_marriage){
$.showErr("MARRIAGE");
return false;
}
if($.trim($("#settings-graduation").val()).length == 0){
$("#settings-graduation").focus();
$.showErr("GRADUATION");
return false;
}
if($("select[name='province_id']").val()== 0||$("select[name='city_id']").val() == 0)
{
$("select[name='province_id']").focus();
$.showErr("USER_REGION");
return false;
}
if($.trim($("#settings-address").val()).length == 0){
$("#settings-address").focus();
$.showErr("ADDRESS");
return false;
}
});
});
function upd_file(obj,file_id,uid) {
$("input[name='"+file_id+"']").bind("change",function(){
$(obj).hide();
$(obj).parent().find(".fileuploading").removeClass("hide");
$(obj).parent().find(".fileuploading").removeClass("show");
$(obj).parent().find(".fileuploading").addClass("show");
$.ajaxFileUpload
(
{
url:APP_ROOT+'/index.php?ctl=avatar&act=upload&uid='+uid,
secureuri:false,
fileElementId:file_id,
dataType: 'json',
success: function (data, status) {
$(obj).show();
$(obj).parent().find(".fileuploading").removeClass("hide");
$(obj).parent().find(".fileuploading").removeClass("show");
$(obj).parent().find(".fileuploading").addClass("hide");
if(data.status==1) {
document.getElementById("avatar").src = data.middle_url+"?r="+Math.random();
} else {
$.showErr(data.msg);
}
},
error: function (data, status, e) {
$.showErr(data.responseText);;
$(obj).show();
$(obj).parent().find(".fileuploading").removeClass("hide");
$(obj).parent().find(".fileuploading").removeClass("show");
$(obj).parent().find(".fileuploading").addClass("hide");
}
}
);
$("input[name='"+file_id+"']").unbind("change");
});
}
//切换地区
$(document).ready(function(){
$("select[name='province_id']").bind("change",function(){
load_city($("select[name='province_id']"),$("select[name='city_id']"));
});
});
</script>