RegistrationForm/script.js at main · Ajitb0712/RegistrationForm · GitHub

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
function validate() {
	let firstNameInput = document.getElementById('first-name').value
	let lastNameInput = document.getElementById('last-name').value
	let emailInput = document.getElementById('email').value
	let cityInput = document.getElementById('city').value
	let stateInput = document.getElementById('state').value
	let zipInput = document.getElementById('zip').value
	let tnCInput = document.getElementById('tnC').checked

	let error = false

	if(firstNameInput){
		document.getElementById('first-name-valid').style.display = 'block'
		document.getElementById('first-name-invalid').style.display = 'none'
	} else {
		document.getElementById('first-name-invalid').style.display = 'block'
		document.getElementById('first-name-valid').style.display = 'none'
		error = true
	}

	if(lastNameInput){
		document.getElementById('last-name-valid').style.display = 'block'
		document.getElementById('last-name-invalid').style.display = 'none'
	} else {
		document.getElementById('last-name-invalid').style.display = 'block'
		document.getElementById('last-name-valid').style.display = 'none'
		error = true
	}

	if (
    emailInput &&
    emailInput.includes("@") &&
    emailInput.includes(".") &&
    emailInput.lastIndexOf(".") <= emailInput.length - 3 &&
		emailInput.indexOf('@') !== 0
  ) {
    document.getElementById("email-valid").style.display = "block";
    document.getElementById("email-invalid").style.display = "none";
  } else {
    document.getElementById("email-invalid").style.display = "block";
    document.getElementById("email-valid").style.display = "none";
		error = true
  }

	if(cityInput && cityInput.length >= 3) {
		document.getElementById("city-valid").style.display = "block";
		document.getElementById("city-invalid").style.display = "none";
	} else {
		document.getElementById("city-invalid").style.display = "block";
		document.getElementById("city-valid").style.display = "none";
		error = true
	}

	if(zipInput && zipInput.length === 6 && parseInt(zipInput)) {
		document.getElementById("zip-valid").style.display = "block";
		document.getElementById("zip-invalid").style.display = "none";
	} else {
		document.getElementById("zip-invalid").style.display = "block";
		document.getElementById("zip-valid").style.display = "none";
		error = true
	}

	if(stateInput !== 'None'){
		document.getElementById('state-valid').style.display = "block";
		document.getElementById('state-invalid').style.display = "none";
	} else {
		document.getElementById('state-invalid').style.display = "block";
		document.getElementById('state-valid').style.display = "none";
		error = true
	}

	if(tnCInput) {
		document.getElementById("tnC-invalid").style.display = "none";
	} else {
		document.getElementById("tnC-invalid").style.display = "block";
		error = true
	}

	if(!error) {
		alert('Your details have been saved successfully!')
		document.getElementById('first-name').value = ''
		document.getElementById('last-name').value = ''
		document.getElementById('email').value = ''
		document.getElementById('city').value = ''
		document.getElementById('state').value = 'None'
		document.getElementById('zip').value = ''
		document.getElementById('tnC').checked = false

		document.getElementById('first-name-valid').style.display = 'none'
		document.getElementById('last-name-valid').style.display = 'none'
		document.getElementById("email-valid").style.display = "none"
		document.getElementById("city-valid").style.display = "none";
		document.getElementById("zip-valid").style.display = "none";
		document.getElementById('state-valid').style.display = "none";
	}
}