-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSignUpPage.aspx
138 lines (130 loc) · 7.59 KB
/
SignUpPage.aspx
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
135
136
137
138
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignUpPage.aspx.cs" Inherits="WebDevAssignment.WebForm2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title><%: Page.Title %>- The Thriwft Store</title>
<link href="images/mylogo-transformed.png" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="WebsiteStyling.css" />
<style type="text/css">
.auto-style1 {
width: 190px;
}
.auto-style2 {
width: 195px;
}
.footer2 {
background-color: #1E212D;
position: fixed;
bottom: 0%;
left: 0%;
text-align: center;
width: 100%;
color: #7C6F57;
font-weight: bold;
font-family: Arial;
padding: 5px;
}
.hr2 {
color: black;
border: thin solid #000000;
}
.auto-style3 {
text-align: center;
width:100%;
}
.auto-style4 {
text-align: center;
height: 53px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<nav class="auto-style3">
<asp:ImageButton ID="logoImg1" runat="server" Height="88px" Width="140px" ImageAlign="Middle" AlternateText="Logo Here" ImageUrl="~\images\mylogo-transformed.png"/>
</nav>
<div style="align-self: center; border-style: solid; border-color: black; height: fit-content; width: fit-content; padding-top: 25px; padding-bottom: 25px; padding-left: 50px; padding-right: 50px; font-size: larger; margin: auto; margin-top: 100px;">
<br />
<br />
<table dir="auto">
<tr>
<td class="auto-style4" colspan="3" style="font-family: Arial">
<asp:Label ID="Label1" runat="server" Text="Sign Up" Font-Bold="True" Font-Names="Cooper Black" Font-Size="25pt"></asp:Label>
</td>
</tr>
<tr>
<td style="font-family: Arial">
<asp:Label ID="Name1" runat="server" Text="Name"></asp:Label>
</td>
<td class="auto-style1" style="font-family: Arial">
<asp:TextBox ID="TxtName1" runat="server"></asp:TextBox>
</td>
<td style="font-family: Arial">
<asp:RequiredFieldValidator ID="NameValid1" runat="server" ErrorMessage="Field Cannot be empty" ControlToValidate="TxtName1" ForeColor="Red" Display="Dynamic" ValidationGroup="SignUp"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="auto-style2" style="font-family: Arial">
<asp:Label ID="Email1" runat="server" Text="Email"></asp:Label>
</td>
<td class="auto-style1" style="font-family: Arial">
<asp:TextBox ID="TxtEmail1" runat="server"></asp:TextBox>
</td>
<td style="font-family: Arial">
<asp:RequiredFieldValidator ID="EmailValid1" runat="server" ErrorMessage="Field Cannot be empty" ControlToValidate="TxtEmail1" ForeColor="Red" Display="Dynamic" ValidationGroup="SignUp"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="EmailValid2" runat="server" Display="Dynamic" ErrorMessage="Invalid Email ID" ForeColor="Red" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="TxtEmail1" ValidationGroup="SignUp"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td class="auto-style2" style="font-family: Arial">
<asp:Label ID="Password1" runat="server" Text="Password"></asp:Label>
</td>
<td class="auto-style1" style="font-family: Arial">
<asp:TextBox ID="TxtPassword1" runat="server" TextMode="Password"></asp:TextBox>
</td>
<td style="font-family: Arial">
<asp:RequiredFieldValidator ID="PasswordValid1" runat="server" ErrorMessage="Field Cannot be empty" ControlToValidate="TxtPassword1" ForeColor="Red" Display="Dynamic" ValidationGroup="SignUp"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="auto-style2" style="font-family: Arial">
<asp:Label ID="ConfPassword1" runat="server" Text="Confirm Password"></asp:Label>
</td>
<td class="auto-style1" style="font-family: Arial">
<asp:TextBox ID="TxtConfPassword1" runat="server" TextMode="Password"></asp:TextBox>
</td>
<td style="font-family: Arial">
<asp:RequiredFieldValidator ID="ConfPasswordValidator1" runat="server" ErrorMessage="Field Cannot be Empty" ControlToValidate="TxtConfPassword1" ForeColor="Red" Display="Dynamic" ValidationGroup="SignUp"></asp:RequiredFieldValidator>
<asp:CompareValidator ID="ConfPasswordValidator2" runat="server" ErrorMessage="Password Does Not Match" ControlToValidate="TxtConfPassword1" ForeColor="Red" Type="String" Operator="Equal" ControlToCompare="TxtPassword1" ValidationGroup="SignUp" Display="Dynamic" ></asp:CompareValidator>
</td>
</tr>
<tr>
<td class="auto-style2" style="font-family: Arial">
<asp:Label ID="Mobile1" runat="server" Text="Mobile No."></asp:Label>
</td>
<td class="auto-style1" style="font-family: Arial">
<asp:TextBox ID="TxtMobile1" runat="server" Text=""></asp:TextBox>
</td>
<td style="font-family: Arial">
<asp:RequiredFieldValidator ID="MobileValidator1" runat="server" ErrorMessage="Field Cannot be empty" ControlToValidate="TxtMobile1" ForeColor="Red" Display="Dynamic" ValidationGroup="SignUp"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="MobileValidator2" runat="server" ErrorMessage="Invalid Mobile Number" ControlToValidate="TxtMobile1" ValidationExpression="[0-9]{10}" ForeColor="Red" Display="Dynamic" ValidationGroup="SignUp"></asp:RegularExpressionValidator>
</td>
</tr>
</table>
<div style="font-family: Arial; font-weight: bold; color: #666699; font-size: 12pt; padding-top: 15px; padding-bottom: 25px;">
<br />
<asp:Label ID="StatusBox1" runat="server"></asp:Label>
<br />
<asp:LinkButton ID="takeToLogin" runat="server" OnClick="LinkButton1_Click" Text="Click here to login" Style="font-family:Arial; color:#009999; " Font-Bold="True"></asp:LinkButton>
<br />
</div>
<asp:Button ID="SignUpButton" runat="server" Text="Sign Up" Height="27px" Width="150px" OnClick="SignUpButton_Click" ValidationGroup="SignUp" />
<asp:Button ID="Reset1" runat="server" Height="27px" OnClick="Reset1_Click" Text="Reset" Width="150px"/>
</div>
<footer class="footer2">
<p style="margin: 0px; padding: 5px;">© <%: DateTime.Now.Year %> - The Thriwft Store</p>
</footer>
</form>
</body>
</html>