perInfo_stu.html
2.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>学员个人信息</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body style="background-color: #f6f6f6">
<div class="box">
<div class="perInfo">
<div class="headImg">
<b>头像</b>
<i></i>
<div class="genggai_head">
<input type="file" class="shangchuan_head" id='file' onchange="c()">
<img src="image/head.png" id="show"/>
</div>
</div>
</div>
<div class="perInfo">
<div class="headImg">
<b>真实姓名：</b>
<input type="text" value="王小五" class="xiugaiName">
</div>
</div>
<div class="perInfo">
<div class="headImg">
<b>手机号码：</b>
<input type="tel" value="12345678911" class="xiugaiName">
</div>
</div>
<div class="perInfo">
<div class="headImg">
<b>验证码：</b>
<input type="number" value="" class="user_code">
<u class="get_code">获取验证码</u>
</div>
</div>
<div class="btn_keep">
<img src="image/keep.png"/>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script>
function c () {
var r= new FileReader();
f=document.getElementById('file').files[0];
r.readAsDataURL(f);
r.onload=function (e) {
document.getElementById('show').src=this.result;
};
};
//获取短信验证码
var validCode=true;
$(".get_code").click (function () {
var time=60;
var code=$(this);
if (validCode) {
validCode=false;
code.addClass("msgs1");
var t=setInterval(function () {
time--;
code.html(time+"秒");
if (time==0) {
clearInterval(t);
code.html("重新获取");
validCode=true;
code.removeClass("msgs1");
}
},1000)
}
})
</script>
</body>
</html>