-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
136 lines (133 loc) · 6 KB
/
signup.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="src/favicon.png">
<title>Sign Up</title>
<link rel="stylesheet" href="css/uikit-tm.css">
<script src="js/uikit.js"></script>
<script src="js/uikit-icons.js"></script>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/jquery.validate.js"></script>
<script type="text/javascript">
function DirectHomePage() {
window.location = "index.html";
}
$(function() {
$("#form").validate({
rules: {
txtUserName: {
required: true,
minlength: 6
},
txtEmail: {
required: true,
email: true,
accept: "gmail.com|yahoo.com"
},
txtPassword: {
required: true,
minlength: 6,
maxlength: 10
},
txtConfirm: {
required: true,
minlength: 3,
equalTo: "txtPassword"
},
},
messages: {
txtUserName: {
required: "Vui lòng điền tên tài khoản",
minlength: "Tên tài khoản không được dưới 6 kí tự"
},
txtEmail: {
required: "Vui lòng điền email",
accept: "Chỉ chấp nhận gmail và yahoo"
},
txtPassword: {
required: "Vui lòng điền mật khẩu",
minlength: "Mật khẩu không được dưới 6 kí tự",
maxlength: "Mật khẩu không được quá 10 kí tự"
},
txtConfirm: {
required: "Vui lòng điền lại mật khẩu",
equalTo: "Mật khẩu không khớp"
}
},
highlight: function(element) {
$(element).closest("input").addClass("uk-form-danger").removeClass("uk-form-success");
},
unhighlight: function(element) {
$(element).closest("input").removeClass("uk-form-danger").addClass("uk-form-success");
},
errorClass: "uk-text-danger",
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).append(error)
} else {
error.insertAfter(element);
}
},
submitHandler: function(form) {
UIkit.notification({
message: "Đăng nhập thành công",
status: 'success'
});
setTimeout('DirectHomePage()', 2000);
},
invalidHandler: function(form) {
UIkit.notification({
message: "Đăng nhập không thành công",
status: 'danger'
});
}
});
});
</script>
</head>
<body class="uk-form-center">
<div class="uk-container-smallest uk-align-center">
<div class="uk-card uk-card-small uk-card-default uk-card-body">
<img src="src/uikit-logo-blue.png" width="60" class="uk-align-center uk-margin-small-top uk-margin-small-bottom" alt="">
<h3 class="uk-margin-medium-bottom uk-margin-small-top">Đăng ký</h3>
<form action="" class="uk-form-stacked" id="form">
<div class="uk-margin">
<div class="uk-form-controls uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="user"></span>
<input class="uk-input" type="text" placeholder="Tên tài khoản" name="txtUserName" data-error="#er1">
</div>
<span id="er1"></span>
</div>
<div class="uk-margin">
<div class="uk-form-controls uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="mail"></span>
<input class="uk-input" type="text" placeholder="Email" name="txtEmail" data-error="#er2">
</div>
<span id="er2"></span>
</div>
<div class="uk-margin">
<div class="uk-form-controls uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="lock"></span>
<input class="uk-input" type="password" placeholder="Mật khẩu" name="txtPassword" data-error="#er3">
</div>
<span id="er3"></span>
</div>
<div class="uk-margin">
<div class="uk-form-controls uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="lockconfirm"></span>
<input class="uk-input" type="password" placeholder="Xác nhận mật khẩu" name="txtConfirm" data-error="#er4">
</div>
<span id="er4"></span>
</div>
<p class="uk-text-meta uk-text-center">
Bằng việc nhấp vào Đăng ký, bạn đồng ý với <br><a class="uk-text-warning" href="">Điều khoản & Điều kiện sử dụng</a> của Coding Library
</p>
<button class="uk-button uk-button-primary uk-button-large uk-width-1-1" type="submit">ĐĂNG KÝ</button>
</form>
</div>
</div>
</body>
</html>