11<!DOCTYPE html>
22< html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7+ < title > 19 - Form Validation || Advent of JavaScript</ title >
8+ < link rel ="stylesheet " href ="./styles.css " />
9+ </ head >
310
4- < head >
5- < meta charset ="UTF-8 ">
6- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
7- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
8- < title > 19 - Form Validation || Advent of JavaScript</ title >
9- < link rel ="stylesheet " href ="./styles.css " />
10- </ head >
11- 12- < body >
13- 14- < form action ="">
15- < h1 > Signup</ h1 >
16- < div class ="field ">
17- < input type ="text " name ="name " id ="name " placeholder ="" />
18- < label for ="name "> Name</ label >
19- < div class ="error ">
20- < img src ="./images/error.svg " alt ="Error " />
21- A name is required
11+ < body >
12+ < form action ="">
13+ < h1 > Signup</ h1 >
14+ < div class ="field ">
15+ < input type ="text " name ="name " id ="name " placeholder ="" />
16+ < label for ="name "> Name</ label >
17+ < div class ="error ">
18+ < img src ="./images/error.svg " alt ="Error " />
19+ A name is required
20+ </ div >
21+ < div class ="success "> </ div >
2222 </ div >
23- < div class ="success "> </ div >
24- </ div >
25- < div class ="field ">
26- < input type ="email " name ="email " id ="email " placeholder ="" />
27- < label for ="email "> Email</ label >
28- < div class ="error "> </ div >
29- < div class ="success ">
30- < img src ="./images/success.svg " alt ="Success " />
23+ < div class ="field ">
24+ < input type ="email " name ="email " id ="email " placeholder ="" />
25+ < label for ="email "> Email</ label >
26+ < div class ="error "> </ div >
27+ < div class ="success ">
28+ < img src ="./images/success.svg " alt ="Success " />
29+ </ div >
3130 </ div >
32- </ div >
33- < div class ="field ">
34- < input type ="password " name ="password " id ="password " placeholder ="" />
35- < label for ="password "> Password</ label >
36- < button class ="show-hide "> </ button >
37- < div class ="error "> </ div >
38- < div class ="success "> </ div >
39- </ div >
40- < div class ="field show ">
41- < input type ="text " name ="confirm-password " id ="confirm-password " placeholder ="" />
42- < label for ="confirm-password "> Confirm Password</ label >
43- < button class ="show-hide "> </ button >
44- < div class ="error "> </ div >
45- < div class ="success "> </ div >
46- </ div >
47- < div class ="field ">
48- < input type ="submit " name ="submit " value ="Submit " />
49- </ div >
50- </ form >
51- < script src ="app.js "> </ script >
52- </ body >
53- 54- </ html >
31+ < div class ="field ">
32+ < input type ="password " name ="password " id ="password " placeholder ="" />
33+ < label for ="password "> Password</ label >
34+ < button class ="show-hide "> </ button >
35+ < div class ="error "> </ div >
36+ < div class ="success "> </ div >
37+ </ div >
38+ < div class ="field show ">
39+ < input
40+ type ="text "
41+ name ="confirm-password "
42+ id ="confirm-password "
43+ placeholder =""
44+ />
45+ < label for ="confirm-password "> Confirm Password</ label >
46+ < button class ="show-hide "> </ button >
47+ < div class ="error "> </ div >
48+ < div class ="success "> </ div >
49+ </ div >
50+ < div class ="field ">
51+ < input type ="submit " name ="submit " value ="Submit " />
52+ </ div >
53+ </ form >
54+ < script src ="/day19/app.js "> </ script >
55+ </ body >
56+ </ html >
0 commit comments