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
|
<!DOCTYPE html>
<html lang="en">
<head>
<?php include 'inc/headlinks.php'; ?>
</head>
<body class="bodyBg">
<section class="bodyWrap align-items-center">
<div class="w-100">
<div class="loginWrap">
<p class="mainTitle"><img src="../assets/images/logo.svg" class="logo" alt="logo"> ATIC 網上平台</p>
<div class="courseContent">
<div class="courseContentDetail">
<div class="courseTitle">
<p class="h1 greenFont">課程A(CSK23001)</p>
<p class="small">課程名稱/課程編號</p>
</div>
<!-- <ul class="formList mb-4">
<li><span><i class="fas fa-building"></i></span>L'Oréal Company
</li>
<li><span><i class="fas fa-user-tie"></i></span>陳大文(CHAN TAI MAN)
</li>
</ul> -->
<p class="mb-2">請輸入手機驗證</p>
<div class="inputCustom">
<label class="input">
<div class="inputCustomIcon">
<div class="selectionSelecter">
<select class="inputCustom-control" id="exampleFormControlSelect1">
<option>852</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<i class="fas fa-phone"></i>
<input class="input__field" type="text" placeholder="電話號碼" value="" />
</div>
</label>
</div>
</div>
<button class="fancy-button bg-gradient1 smsBtn"><span>發送驗證碼</span></button>
</div>
<div class="mt-4 smsContent">
<div class="smsContentDetail">
<div class="form-group mb-4">
<input type="text" class="form-control text-center" id="sms" aria-describedby="emailHelp"
placeholder="請輸入 SMS 認証碼">
<p class="form-text text-danger text-center small">**認証碼錯誤!</p>
</div>
<button class="btn btn-success btn-lg w-100 smsReBtn mb-4" disabled>重發驗證碼<span
class="sec">(30秒重發)</span></button>
</div>
<button class="fancy-button bg-gradient1 smsSubmitBtn"
onclick="window.location.href='index.php'"><span>提 交</span></button>
</div>
</div>
</div>
</div>
</section>
</body>
<script>
$(function() {
$('.smsContent').hide();
$("#sms").on("keyup", function() {
if ($(this).val() == "") {
$(".smsSubmitBtn").prop("disabled", true);
} else {
$(".smsSubmitBtn").prop("disabled", false);
}
});
});
function counstSec() {
$('.sec').show();
var countDownTime = 30;
$(".smsReBtn").prop("disabled", true);
var x = setInterval(function() {
// Decrement the countdown time
countDownTime--;
// Calculate remaining seconds
var seconds = countDownTime % 60;
// Output the result in an element with id="countdown"
$(".sec").html("(" + seconds + "秒重發)");
// If the countdown is finished, display a message
if (countDownTime == 0) {
clearInterval(x);
$('.smsReBtn').prop("disabled", false);
$('.sec').hide();
}
}, 1000);
}
$('.smsBtn').click(function() {
$('.courseContent').hide();
$('.smsContent').show();
counstSec();
});
$('.smsReBtn').click(function() {
counstSec();
});
</script>
</html>
|