apply.html
6.5 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div id="myModal" class="modal fade" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4>入会申请</h4>
</div>
<div class="modal-body">
<form name="form" action="" method="post">
<div class="row">
<div class="row-title">
<h5>个人信息</h5>
</div>
<div class="row-con">
<div class="inner-row cf">
<div class="ipt-container lf">
<input type="text" name="name" placeholder="申请人姓名">
</div>
<div class="radio-container lf">
<label>性别:</label>
<input type="radio" name="sex" value="1" checked>男
<input type="radio" name="sex" value="2">女
</div>
<div class="ipt-container lf">
<input type="text" name="age" placeholder="年龄">
</div>
<div class="ipt-container lf">
<input type="text" name="mobile" placeholder="手机号">
</div>
<div class="ipt-container lf">
<input type="text" name="email" placeholder="邮箱">
</div>
</div>
<div class="inner-row cf">
<div class="subtitle-container lf">
<h3>在校学生</h3>
</div>
<div class="subtitle-container lf">
<h3>已工作</h3>
</div>
<div class="ipt-container lf">
<input type="text" name="school" placeholder="所在公司或高校">
</div>
<div class="slt-list lf" id="city">
<div class="slt-container lf">
<select name="province" class="mm-select prov">
<option value="天津">省</option>
</select>
</div>
<div class="slt-container lf">
<select name="city" class="mm-select city"><option value="天津">市</option></select>
</div>
</div>
<div class="ipt-container lf">
<input type="text" name="major" placeholder="专业">
</div>
<div class="ipt-container lf">
<input type="text" name="company" placeholder="公司">
</div>
<div class="slt-container lf">
<select name="classes" id="slt_0">
<option selected>年级</option>
<option>一年级</option>
<option>二年级</option>
<option>三年级</option>
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row-title">
<h5>专业经验</h5>
</div>
<div class="row-con">
<div class="textarea-container">
<textarea name="experience" maxlength="500" placeholder="相关专业经验(绘画、设计、广告、文创、营销等)简要描述"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="row-title">
<h5>创意兴趣描述</h5>
</div>
<div class="row-con">
<div class="textarea-container">
<textarea id="txt" name="skill" maxlength="500" placeholder="个人创意特长与兴趣领域描述(文100-500字)"></textarea>
<p>
<span id="txt_num">0</span>/500字
</p>
</div>
</div>
</div>
<div class="row">
<div class="sub-container">
<input type="button" name="submit" value="确认提交">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$('input[name=submit]').click(function(){
var btn = $(this);
var text = btn.val();
var form = $('form').serialize();
$.ajax({
url:"{:U('user_join')}",
type:"POST",
data:form,
dateType:"json",
beforeSend: function () {
// Handle the beforeSend event
btn.val('提交中...').attr('disabled', true);
},
success:function (data) {
if(data.status) {
alert(data.msg);
location.reload();
} else {
alert(data.msg);
}
},
error: function (data, status, e) { //提交失败自动执行的处理函数
alert(e);
},
complete: function () {
// Handle the complete event
btn.val(text).attr('disabled', false);
}
});
});
$('#txt').keyup(function() {
var len=$(this).val().length;
$('#txt_num').html(len);
});
</script>