-
-
Notifications
You must be signed in to change notification settings - Fork 35
/
index.html
134 lines (120 loc) · 3.82 KB
/
index.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
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<title></title>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
/>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</head>
<body>
<h1
class="text-green text-center font-weight-bold"
style="font-size: 40px;"
>
Form Validation In JavaScript
</h1>
<h4 class="text-blue text-center font-weight-bold" style="font-size: 20px;">
Sign Up
</h4>
<div class="container">
<br />
<div class="col-lg-5 m-auto d-block">
<form action="#" onsubmit="return validation()" class="bg-light">
<div class="form-group">
<label for="name" class="font-weight-regular"> Name </label>
<input
type="text"
name="name"
class="form-control"
id="name"
autocomplete="off"
/>
<span id="Name" class="text-danger font-weight-regular"> </span>
</div>
<div class="form-group">
<label class="font-weight-regular"> Email </label>
<input
type="text"
name="email"
class="form-control"
id="emails"
autocomplete="off"
/>
<span id="emailids" class="text-danger font-weight-regular"> </span>
</div>
<div class="form-group">
<label for="user" class="font-weight-regular"> Username </label>
<input
type="text"
name="user"
class="form-control"
id="user"
autocomplete="off"
/>
<span id="username" class="text-danger font-weight-regular"> </span>
</div>
<div class="form-group">
<label class="font-weight-regular"> Password </label>
<input
type="password"
name="pass"
class="form-control"
id="pass"
autocomplete="off"
/>
<span id="passwords" class="text-danger font-weight-regular">
</span>
</div>
<div class="form-group">
<label class="font-weight-regular"> Confirm Password </label>
<input
type="password"
name="conpass"
class="form-control"
id="conpass"
autocomplete="off"
/>
<span id="confrmpass" class="text-danger font-weight-regular">
</span>
</div>
<div class="form-group">
<label class="font-weight-regular"> Mobile Number </label>
<input
type="text"
name="mobile"
class="form-control"
id="mobileNumber"
autocomplete="off"
/>
<span id="mobileno" class="text-danger font-weight-regular"> </span>
</div>
<input
type="submit"
name="submit"
value="Submit"
class="btn btn-primary"
autocomplete="off"
/>
<input
type="reset"
name="reset"
value="Reset"
class="btn btn-secondary"
autocomplete="off"
/>
   Already have an account?
<a href="login.html">Login</a>
</form>
<br /><br />
</div>
</div>
<script src="./scripts/signup.js"></script>
</body>
</html>