-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
78 lines (65 loc) · 2.13 KB
/
script.js
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
const form = document.getElementById("form");
const username = document.getElementById("username");
const email = document.getElementById("email");
const password = document.getElementById("password");
const confirmPassword = document.getElementById("confirmPassword");
///Show Error Message
function showError(input, message) {
const formControl = input.parentElement;
formControl.className = "form-control error";
const small = formControl.querySelector("small");
small.textContent = message;
}
///Show Success
function showSucces(input) {
const formControl = input.parentElement;
formControl.className = "form-control success";
}
///validation of email
function checkEmail(input) {
const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (re.test(input.value)) {
showSucces(input)
} else {
showError(input, "Email is not valid")
}
}
///Password matching check
function checkPassword(input) {
if (input.value === password.value && input.value !== "") {
showSucces(input)
} else {
showError(input, "Confirm Password and Password are not same")
}
}
///checkRequired
function checkRequired(inputArr) {
for (let input of inputArr) {
if (input.value.trim() === "") {
showError(input, `${getFieldName(input)} is required`)
} else {
showSucces(input)
}
}
}
function getFieldName(input) {
return input.id.charAt(0).toUpperCase() + input.id.slice(1)
}
///Check length
function checkLength(input, min, max) {
if (input.value.length >= min && input.value.length <= max) {
showSucces(input)
} else {
showError(input, `The length of ${getFieldName(input)} must be between ${min} and ${max}`)
}
}
///Event Listeners
form.addEventListener("submit", submit);
function submit(e) {
e.preventDefault();
checkRequired([username, email, password, confirmPassword]);
checkLength(username, 3, 15);
checkLength(password, 6, 20);
checkEmail(email);
checkPassword(confirmPassword)
}