-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest01.html
121 lines (102 loc) · 5.76 KB
/
test01.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
</style>
<link href="style_test01.css" rel="stylesheet" type="text/css" />
</head>
<header class="header">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 31" width="222" height="50">
<path id="Fill-14"
d="M105.06233,14.2806261 L110.999156,30 C109.249227,29.7497422 107.500234,29.4366857 105.718437,29.1554972 L102.374168,20.4686475 L98.9371075,28.4375293 C97.2499766,28.1563408 95.5928391,28.061674 93.9057081,27.8432843 L99.9372012,14.0931671 L94.4680851,0 L99.5313525,0 L102.593495,7.87421502 L105.874965,0 L110.999156,0 L105.06233,14.2806261 Z M90.4686475,0 L85.8749649,0 L85.8749649,27.2499766 C87.3746368,27.3437061 88.9371075,27.4055675 90.4686475,27.5930265 L90.4686475,0 Z M81.9055207,26.93692 C77.7186241,26.6557316 73.5307901,26.4064111 69.250164,26.3117443 L69.250164,0 L73.9366389,0 L73.9366389,21.8745899 C76.6248008,21.9373887 79.3120255,22.1557784 81.9055207,22.2804387 L81.9055207,26.93692 Z M64.2496954,10.6561065 L64.2496954,15.3435186 L57.8442216,15.3435186 L57.8442216,25.9996251 L53.2186709,25.9996251 L53.2186709,0 L66.3436123,0 L66.3436123,4.68741213 L57.8442216,4.68741213 L57.8442216,10.6561065 L64.2496954,10.6561065 Z M45.3435186,4.68741213 L45.3435186,26.2498828 C43.7810479,26.2498828 42.1876465,26.2498828 40.6561065,26.3117443 L40.6561065,4.68741213 L35.8121661,4.68741213 L35.8121661,0 L50.2183897,0 L50.2183897,4.68741213 L45.3435186,4.68741213 Z M30.749836,15.5928391 C28.687787,15.5928391 26.2498828,15.5928391 24.4999531,15.6875059 L24.4999531,22.6562939 C27.2499766,22.4678976 30,22.2495079 32.7809542,22.1557784 L32.7809542,26.6557316 L19.812541,27.6876933 L19.812541,0 L32.7809542,0 L32.7809542,4.68741213 L24.4999531,4.68741213 L24.4999531,10.9991564 C26.3126816,10.9991564 29.0936358,10.9054269 30.749836,10.9054269 L30.749836,15.5928391 Z M4.78114163,12.9684132 L4.78114163,29.3429562 C3.09401069,29.5313525 1.59340144,29.7497422 0,30 L0,0 L4.4690224,0 L10.562377,17.0315868 L10.562377,0 L15.2497891,0 L15.2497891,28.061674 C13.5935889,28.3437998 11.906458,28.4375293 10.1246602,28.6868498 L4.78114163,12.9684132 Z" />
</svg>
<h2><a href="/login">Sign In</a></h2>
</header>
<body>
<hr>
<div class="step-logo-container">
<div class="step-header">
<span id="" class="stepIndicator">
STEP <b>1</b> OF <b>3</b></span>
</div>
<h1 class="stepTitle">Create a password to start your membership</h1>
<div class="para">
<p>Just a few more steps and you're done!
<br>
We hate paperwork, too.
</p>
</div>
<form id="form">
<div class="email-container">
<input type="email" placeholder=" " class="email" id="email" name="email" required>
<label class="placeholder-text" for="email">Email Address</label>
<span id="emailError" class="error-message"></span>
</div>
<br>
<div class="email-container">
<input type="password" placeholder=" " id="password" class="email" name="password" required>
<label for="password" class="placeholder-text">Add a password</label>
<span id="passwordError" class="error-message"></span>
</div>
<br>
</form>
<div class="button">
<button type="button" onclick="nextStep()">Next</button>
</div>
</div>
<hr>
<hr>
<footer>
<div class="text">
Questions? call<a class="footer-top-a" href="tel:000-800-919-1694">000-800-919-1694</a><br>
</div>
<a href="#">FAQ</a>
<a href="#">Help Centre</a>
<a href="#">Netflix Shop</a>
<a href="#">Terms of Use</a>
<a href="#">Privacy</a>
<a href="#">Cookie Preferences</a>
<a href="#">Corporate Information</a>
<br>
<div class="language">
<select id="4843f5964e35e" name="LanguageSelect" data-uia="language-picker-header">
<div class="language_name">Hindi
<option selected="" lang="en" label="English" value="english">English</option>
<option lang="hi" label="हिन्दी" value="hindi">हिन्दी</option>
</div>
</select>
</div>
</footer>
<hr>
<script>
// document.addEventListener("DOMContentLoaded", function () {
function nextStep() {
var emailInput = document.getElementById("email");
var passwordInput = document.getElementById("password");
var email = emailInput.value;
var password = passwordInput.value;
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
// Clear previous error messages
document.getElementById("emailError").textContent = " ";
document.getElementById("passwordError").textContent = " ";
if (!emailRegex.test(email)) {
document.getElementById("emailError").textContent = "Please enter a valid email address.";
return;
}
if (password.length < 6) {
document.getElementById("passwordError").textContent = "Password must be at least 6 characters long";
return;
}
// Reset error messages if inputs are valid
document.getElementById("emailError").textContent = " ";
document.getElementById("passwordError").textContent = " ";
console.log("Email: " + email);
console.log("Password: " + password);
window.location.href = "index.html";
}
// });
</script>
</body>
</html>