Mini Kabibi Habibi

<%@ Page Language="vb" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Summary.aspx.vb"
	Inherits="Validation_Summary" %>
<asp:Content runat="server" ID="Content1" ContentPlaceHolderID="CustomHeadHolder">
	<style type="text/css">
		#summaryContainer ul
		{
			list-style: disc;
		}
		#summaryContainer ol
		{
			list-style: decimal;
		}
	</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentHolder" runat="server">
	<script type="text/javascript">
	// <![CDATA[
		function OnClearButtonClick(s, e) {
			ASPxClientEdit.ClearEditorsInContainerById("form");
		}
		function OnBirthdayValidation(s, e) {
			var birthday = e.value;
			if(!birthday)
				return;
			var today = new Date();
			var msecPerYear = 1000 * 60 * 60 * 24 * 365;
			var years = (today.getTime() - birthday.getTime()) / msecPerYear;
			if(years < 14) {
				e.isValid = false;
				e.errorText = "You should be at least 14 years old";
			}
		}
	// ]]>
	</script>
	<div style="float: left">
		<table id="form" class="OptionsTable">
			<tr>
				<td style="width: 80px">
					<dx:ASPxLabel ID="lblName" runat="server" Text="Name:" AssociatedControlID="tbName" />
				</td>
				<td>
					<dx:ASPxTextBox ID="tbName" runat="server" Width="200px">
						<ValidationSettings>
							<RequiredField IsRequired="True" ErrorText="Name is required" />
							<RegularExpression ValidationExpression=".{2,}" ErrorText="Name should contain at least two letters" />
						</ValidationSettings>
					</dx:ASPxTextBox>
				</td>
			</tr>
			<tr>
				<td>
					<dx:ASPxLabel ID="lblBirthday" runat="server" Text="Birthday:" AssociatedControlID="deBirthday" />
				</td>
				<td>
					<dx:ASPxDateEdit ID="deBirthday" runat="server" Width="200px">
						<ClientSideEvents Validation="OnBirthdayValidation" />
						<ValidationSettings>
							<RequiredField IsRequired="True" ErrorText="Birthday is required" />
						</ValidationSettings>
					</dx:ASPxDateEdit>
				</td>
			</tr>
			<tr>
				<td>
					<dx:ASPxLabel ID="lblOccupation" runat="server" Text="Occupation:" AssociatedControlID="cbOccupation" />
				</td>
				<td>
					<dx:ASPxComboBox ID="cbOccupation" runat="server" Width="200px" DropDownStyle="DropDown"
						DataSourceID="dsOccupation" ValueField="Occupation" TextField="Occupation" MaxLength="128"
						IncrementalFilteringMode="StartsWith">
						<ValidationSettings>
							<RequiredField IsRequired="True" ErrorText="Occupation is required" />
						</ValidationSettings>
					</dx:ASPxComboBox>
				</td>
			</tr>
			<tr>
				<td>
					<dx:ASPxLabel ID="lblEmail" runat="server" Text="Email:" AssociatedControlID="tbEmail" />
				</td>
				<td>
					<dx:ASPxTextBox ID="tbEmail" runat="server" Width="200px">
						<ValidationSettings>
							<RequiredField IsRequired="True" ErrorText="E-mail is required" />
							<RegularExpression ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
								ErrorText="Invalid e-mail" />
						</ValidationSettings>
					</dx:ASPxTextBox>
				</td>
			</tr>
			<tr>
				<td>                
				</td>
				<td>
					<table style="margin-top: 12px;">
						<tr>
							<td>
								<dx:ASPxButton ID="btnSubmit" runat="server" Text="Submit"  />
							</td>
							<td style="padding-left: 8px">
								<dx:ASPxButton ID="btnClear" runat="server" Text="Clear" AutoPostBack="False" UseSubmitBehavior="False"
									CausesValidation="False">
									<ClientSideEvents Click="OnClearButtonClick" />
								</dx:ASPxButton>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<div style="float: left; margin-left: 2%" id="summaryContainer">
		<dx:ASPxValidationSummary ID="vsValidationSummary1" runat="server" RenderMode="BulletedList"
			Width="250px" ClientInstanceName="validationSummary">
		</dx:ASPxValidationSummary>                
	</div>

	<div style="clear: both; padding-top: 32px">
		<div>
			<b>Validation Summary Settings:</b>
		</div>
		<table class="OptionsTable TopMargin" style="margin-left:16px">
			<tr>
				<td>
					<dx:ASPxLabel ID="lblRenderMode" runat="server" Text="RenderMode:" AssociatedControlID="rblRenderMode" />
				</td>
				<td>
					<dx:ASPxRadioButtonList ID="rblRenderMode" runat="server" SelectedIndex="0" AutoPostBack="True"
						RepeatDirection="Horizontal">
						<Paddings Padding="0" />
						<Border BorderStyle="None" />
						<Items>
							<dx:ListEditItem Value="BulletedList" />
							<dx:ListEditItem Value="OrderedList" />
							<dx:ListEditItem Value="Table" />
						</Items>
					</dx:ASPxRadioButtonList>
				</td>
			</tr>
			<tr>
				<td>
					<dx:ASPxLabel ID="lblShowErrorAsLink" runat="server" Text="ShowErrorAsLink:" AssociatedControlID="chbShowErrorAsLink" />
				</td>
				<td>
					<dx:ASPxCheckBox ID="chbShowErrorAsLink" runat="server" AutoPostBack="True" Checked="True" />
				</td>
			</tr>
		</table>
		<div style="margin-top: 16px">
			<b>Editors Settings:</b>
		</div>
		<table class="OptionsTable TopMargin" style="margin-left:16px">
			<tr>
				<td>
					<dx:ASPxLabel ID="lblSetFocusOnError" runat="server" Text="SetFocusOnError:" AssociatedControlID="chbSetFocusOnError" />
				</td>
				<td>
					<dx:ASPxCheckBox ID="chbSetFocusOnError" runat="server" AutoPostBack="True" />
				</td>
			</tr>
		</table>
	</div>
	<asp:AccessDataSource ID="dsOccupation" runat="server" DataFile="~/App_Data/EditorsSampleDB.mdb"
		SelectCommand="SELECT [Occupation] FROM [Occupation] ORDER BY [Occupation]">
	</asp:AccessDataSource>
</asp:Content>