login_main.html
5.03 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
<body class="signin-page">
<div class="loader-bg"></div>
<div class="loader">
<div class="preloader-wrapper big active">
<div class="spinner-layer spinner-blue">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-red">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-yellow">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
<div class="mn-content valign-wrapper">
<main class="mn-inner container">
<div class="valign">
<div class="row">
<div class="col s12 m6 l4 offset-l4 offset-m3">
<div class="card white darken-1">
<div class="card-content ">
<span class="card-title"><?=login?></span>
<div class="row">
<form class="col s12" id="login" action="php/login.php">
<div class="input-field col s12">
<select class="language">
<option value="" disabled selected><?=CHOICE?></option>
<option value="en">English</option>
<option value="tn">正體中文</option>
<option value="cn">简体中文</option>
</select>
<label><?=language?></label>
</div>
<div class="input-field col s12">
<input name="account" type="text" class="validate">
<label for="email"><?=loginID?></label>
</div>
<div class="input-field col s12">
<input name="password" type="password" class="validate">
<label for="password"><?=loginPWD?></label>
</div>
<div class="col s12 right-align m-t-sm">
<a class="waves-effect waves-light btn teal"><?=send?></a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- Javascripts -->
<script src="assets/plugins/jquery/jquery-2.2.0.min.js"></script>
<script src="assets/plugins/materialize/js/materialize.min.js"></script>
<script src="assets/plugins/material-preloader/js/materialPreloader.min.js"></script>
<script src="assets/plugins/jquery-blockui/jquery.blockui.js"></script>
<script src="assets/js/alpha.min.js"></script>
<script>
$('.language').change(function(){
location.href='index.php?lang='+$('.language :selected').val();
})
$('.teal').click(function(){
$.ajax( {
type: "POST",
dataType: "json",
url: $('#login').attr( 'action' ),
data: $('#login').serialize(),
success: function( response ) {
if(response.message == '1'){
alert('Success !');
location.href="index.php";
}else{
alert('<?=login_err1?>');
}
}
});
});
</script>
</body>
</html>