Create Contact Us Form in ASP - Net Using C# and VB NET
Create Contact Us Form in ASP - Net Using C# and VB NET
ContactUs Page is essential part of any web site or application, through which users send comments or feedback
about site or can contact site admins.
To create contact form in asp.net web applications we need a working SMTP server through which aspx page can
send the form data to admins email id.
For this example i'll use Gmail account to send mail on behalf of application to admins gmail id.
Place three Textbox on the page for users to input their name, email id, and subject, add another textbox for entering
feedback or comment and set it's TextMode property to MultiLine.
Add RequiredFieldValidators to ensure entry in every field, add one button to send the mail.
HTML SOURCE OF PAGE
1: <html xmlns="http://www.w3.org/1999/xhtml">
2: <head runat="server">
3: <title>Contact Us</title>
4: <link href="StyleSheet.css" rel="stylesheet"
type="text/css" />
5: </head>
6: <body>
7: <form id="ContactForm" runat="server">
8: <div>
9:
<fieldset>
10: <legend>Contact us</legend>
11: <div class='short_explanation'>* required fields</div>
12:
13: <div class='container'>
14: <asp:Label ID="lblName" runat="server"
15:
Text="Your Name*:" CssClass="label"/><br/>
16: <asp:TextBox ID="txtName" runat="server"/>
17: <asp:RequiredFieldValidator ID="RequiredFieldValidator1"
18:
runat="server"
19:
ControlToValidate="txtName"
20:
ErrorMessage="Enter Your Name"
21:
SetFocusOnError="True">*
22: </asp:RequiredFieldValidator><br />
23: </div>
24:
25: <div class='container'>
26: <asp:Label ID="lblEmail" runat="server"
27:
Text="Email*:" CssClass="label"/><br/>
28: <asp:TextBox ID="txtMail" runat="server"/>
29: <asp:RequiredFieldValidator ID="RequiredFieldValidator2"
30:
runat="server"
31:
ControlToValidate="txtMail"
32:
ErrorMessage="Please Provide
33:
Your Email
Address"
34:
SetFocusOnError="True">*
35: </asp:RequiredFieldValidator><br />
36: </div>
37:
38: <div class='container'>
39: <asp:Label ID="lblSubject" runat="server"
40:
Text="Subject*:" CssClass="label"/><br/>
41: <asp:TextBox ID="txtSubject" runat="server"/>
42: <asp:RequiredFieldValidator ID="RequiredFieldValidator3"
43:
runat="server"
44:
ControlToValidate="txtSubject"
45:
ErrorMessage="Please provide
46:
reason to contact
us"
47:
SetFocusOnError="True">*
48: </asp:RequiredFieldValidator><br />
49: </div>
50:
51: <div class='container'>
52: <asp:Label ID="lblMessage" runat="server"
53:
Text="Feedback:" CssClass="label"/><br/>
54: <asp:TextBox ID="txtMessage" runat="server"
55:
TextMode="MultiLine" Width="268px"/>
56: <asp:RequiredFieldValidator ID="RequiredFieldValidator4"
57:
runat="server"
58:
ControlToValidate="txtMessage"
59:
ErrorMessage="Write your
feedback"
60:
SetFocusOnError="True">*
61: </asp:RequiredFieldValidator><br />
62: </div>
63:
64: <div class='container'>
65: <asp:Button ID="btnSubmit" runat="server"
66:
Text="Submit" onclick="btnSubmit_Click"/>
67: </div>
68: <asp:ValidationSummary ID="ValidationSummary1"
69:
runat="server" CssClass="error"/>
70: </fieldset>
71: <asp:Label ID="Label1" runat="server" Text=""/>
72: </div>
73:
</form>
74: </body>
75: </html>