Skip to content

Commit d6bdc87

Browse files
ThanksUniverseThanksUniverse
committed
Finish
1 parent d1fca9b commit d6bdc87

2 files changed

Lines changed: 20 additions & 16 deletions

File tree

‎html/formulario.html‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,8 @@ <h5>Faça seu cadastro</h5>
1717
<input type="tel" placeholder="Telefone" name="telefone" />
1818
<input type="text" placeholder="Cidade" name="cidade" class="verifyCity" />
1919
<input type="text" placeholder="CEP" name="cep" class="verifyCep" />
20-
<input type="text" placeholder="UF" name="uf" class="verifyDigits" maxlength="2" onkeydown="LimitCharacters(this)" onkeyup="LimitCharacters(this)" />
21-
<div class="submit">
22-
<button type="submit">Enviar</button>
23-
</div>
20+
<input type="text" placeholder="UF" name="uf" class="verifyDigits" maxlength="2" onkeydown="LimitCharacters(this)" onkeyup="LimitCharacters(this)" /><br />
21+
<button type="submit">Enviar</button>
2422
</form>
2523
</div>
2624
<div class="container-message"><div class="message"></div></div>

‎js/formulario.js‎

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -15,24 +15,13 @@
1515

1616
//*Info: verifyLetters-verifyDigits-verifyCep all almost have the same requirements
1717

18-
//Declarations
19-
20-
let = ValidLetters = document.querySelectorAll("input.verifyLetters");
21-
let = ValidEmail = document.querySelectorAll("input.verifyEmail");
22-
let = ValidDigits = document.querySelectorAll("input.verifyDigits");
23-
let = ValidCep = document.querySelectorAll("input.verifyCep");
24-
let = ValidCity = document.querySelectorAll("input.verifyCity");
25-
2618
//Cancel submit when didnt meet the requirements
2719

2820
const form0 = document.getElementById("form0");
2921
form0.addEventListener("submit", function (event) {
3022
event.preventDefault();
31-
event.stopPropagation();
3223

33-
if (form0.classList.contains("error"));
34-
{
35-
document.querySelector(".message").innerHTML = "Verifique os campos";
24+
if (form0.classList.contains("error")) {
3625
document.getElementsByName("nome")[0].placeholder = "*Nome";
3726
document.querySelector('[name = "nome"]').classList.add("need");
3827
document.getElementsByName("email")[0].placeholder = "*Email";
@@ -44,9 +33,13 @@ form0.addEventListener("submit", function (event) {
4433
document.getElementsByName("cidade")[0].placeholder = "*Cidade";
4534
document.querySelector('[name= "cidade"]').classList.add("need");
4635
return false;
36+
} else {
37+
document.getElementById("form0").submit();
4738
}
4839
});
4940

41+
console.log("Pedro");
42+
5043
//Limit Characters
5144

5245
function LimitCharacters(doc) {
@@ -69,6 +62,7 @@ function verifyLetters(doc) {
6962
document.querySelector(".message").innerHTML = "";
7063
this.classList.remove("error");
7164
this.parentNode.classList.remove("error");
65+
document.querySelector('[name = "nome"]').classList.remove("need");
7266
} else {
7367
document.querySelector(".message").innerHTML = "O campo nome é obrigatório";
7468
document.getElementsByName("nome")[0].placeholder = "*Nome";
@@ -91,6 +85,7 @@ function verifyEmail(doc) {
9185
document.querySelector(".message").innerHTML = "";
9286
this.classList.remove("error");
9387
this.parentNode.classList.remove("error");
88+
document.querySelector('[name = "email"]').classList.remove("need");
9489
} else {
9590
document.querySelector(".message").innerHTML = "O campo email é obrigatório";
9691
document.getElementsByName("email")[0].placeholder = "*Email";
@@ -113,6 +108,7 @@ function verifyDigits(doc) {
113108
document.querySelector(".message").innerHTML = "";
114109
this.classList.remove("error");
115110
this.parentNode.classList.remove("error");
111+
document.querySelector('[name = "uf"]').classList.remove("need");
116112
} else {
117113
document.querySelector(".message").innerHTML = "O campo UF é obrigatório";
118114
document.getElementsByName("uf")[0].placeholder = "*UF";
@@ -135,6 +131,7 @@ function verifyCep(doc) {
135131
document.querySelector(".message").innerHTML = "";
136132
this.classList.remove("error");
137133
this.parentNode.classList.remove("error");
134+
document.querySelector('[name = "cep"]').classList.remove("need");
138135
} else {
139136
document.querySelector(".message").innerHTML = "O campo cep é obrigatório";
140137
document.getElementsByName("cep")[0].placeholder = "*CEP";
@@ -157,6 +154,7 @@ function verifyCity(doc) {
157154
document.querySelector(".message").innerHTML = "";
158155
this.classList.remove("error");
159156
this.parentNode.classList.remove("error");
157+
document.querySelector('[name = "cidade"]').classList.remove("need");
160158
} else {
161159
document.querySelector(".message").innerHTML = "O campo cidade é obrigatório";
162160
document.getElementsByName("cidade")[0].placeholder = "*Cidade";
@@ -167,6 +165,14 @@ function verifyCity(doc) {
167165
});
168166
}
169167

168+
//Declarations
169+
170+
let ValidLetters = document.querySelectorAll("input.verifyLetters");
171+
let ValidEmail = document.querySelectorAll("input.verifyEmail");
172+
let ValidDigits = document.querySelectorAll("input.verifyDigits");
173+
let ValidCep = document.querySelectorAll("input.verifyCep");
174+
let ValidCity = document.querySelectorAll("input.verifyCity");
175+
170176
//Loops
171177

172178
for (let Focused of ValidLetters) {

0 commit comments

Comments
 (0)