جلسه عملی طراحی صفحات وب960121
تمرین اول : استفاده از ولیدیشن ها
-
|
107 |
<fieldset >
<legend>Register</legend>
<div class="field">
<div class="lable">
<asp:Label ID="lblUserName" runat="server" Text="UserName:" />
</div>
<div class="controls">
<asp:TextBox ID="txtUserName" runat="server" MaxLength="40"
CssClass="username" />
<asp:RequiredFieldValidator ID="rfvUserName" runat="server"
ControlToValidate="txtUserName" CssClass="validator"
Display="Dynamic" EnableClientScript="true"
SetFocusOnError="true" Text="UserName Is Required . . ."
/>
<asp:RegularExpressionValidator ID="revUserName" runat="server"
ControlToValidate="txtUserName" CssClass="validator"
Display="Dynamic" EnableClientScript="true" SetFocusOnError="true"
Text="UserName Is Not Valid . . ."
ValidationExpression="[a-zA-Z0-9]{4,20}" />
</div>
</div>
<div class="field">
<div class="lable">
<asp:Label ID="lblPassword" runat="server" Text="Password:" />
</div>
<div class="controls">
<asp:TextBox ID="txtPassword" runat="server" MaxLength="40"
CssClass="password" />
<asp:RequiredFieldValidator ID="rfvPassword" runat="server"
ControlToValidate="txtPassword" CssClass="validator"
Display="Dynamic" EnableClientScript="true"
SetFocusOnError="true" Text="Password Is Required . . ."
/>
<asp:RegularExpressionValidator ID="revPassword" runat="server"
ControlToValidate="txtPassword" CssClass="validator"
Display="Dynamic" EnableClientScript="true" SetFocusOnError="true"
Text="Password Is Not Valid . . ."
ValidationExpression="[a-zA-Z0-9]{6,20}" />
</div>
</div>
<div class="field">
<div class="lable">
<asp:Label ID="lblConfirmPassword" runat="server" Text="ConfirmPassword:" />
</div>
<div class="controls">
<asp:TextBox ID="txtConfirmPassword" runat="server" MaxLength="40"
CssClass="password" />
<asp:RequiredFieldValidator ID="rfvConfirmPassword" runat="server"
ControlToValidate="txtConfirmPassword" CssClass="validator"
Display="Dynamic" EnableClientScript="true"
SetFocusOnError="true" Text="Password Is Required . . ."
/>
<asp:CompareValidator ID="cmvConfirmPassword" runat="server"
ControlToValidate="txtConfirmPassword" CssClass="validator"
Display="Dynamic" EnableClientScript="true" SetFocusOnError="true"
Text="Confirm Password Is Not Equal To Password . . ."
Type="String" CultureInvariantValues="true" ControlToCompare="txtPassword"
Operator="Equal" />
</div>
</div>
<div class="field">
<div class="lable">
<asp:Label ID="lblMail" runat="server" Text="Mail:" />
</div>
<div class="controls">
<asp:TextBox ID="txtMail" runat="server" MaxLength="40"
CssClass="mail" />
<asp:RequiredFieldValidator ID="rfvMail" runat="server"
ControlToValidate="txtMail" CssClass="validator"
Display="Dynamic" EnableClientScript="true"
SetFocusOnError="true" Text="Mail Is Required . . ."
/>
<asp:RegularExpressionValidator ID="revMail" runat="server"
ControlToValidate="txtMail" CssClass="validator"
Display="Dynamic" EnableClientScript="true" SetFocusOnError="true"
Text="Mail Is Not Valid . . ."
ValidationExpression="\w+@\w+([-.]\w+)*\.\w+([-.]\w+)*" />
</div>
</div>
<div class="field">
<div class="lable">
<asp:Label ID="lblConfirmMail" runat="server" Text="ConfirmMail:" />
</div>
<div class="controls">
<asp:TextBox ID="txtConfirmMail" runat="server" MaxLength="40"
CssClass="mail" />
<asp:RequiredFieldValidator ID="rfvConfirmMail" runat="server"
ControlToValidate="txtConfirmMail" CssClass="validator"
Display="Dynamic" EnableClientScript="true"
SetFocusOnError="true" Text="Mail Is Required . . ."
/>
<asp:CompareValidator ID="cmvConfirmMail" runat="server"
ControlToValidate="txtConfirmMail" CssClass="validator"
Display="Dynamic" EnableClientScript="true" SetFocusOnError="true"
Text="Confirm Mail Is Not Equal To Mail . . ."
Type="String" CultureInvariantValues="true" ControlToCompare="txtMail"
Operator="Equal" />
</div>
</div>
<div class="field">
<div class="lable">
<asp:Label ID="lblAge" runat="server" Text="Age:" />
</div>
<div class="controls">
<asp:TextBox ID="txtAge" runat="server" MaxLength="40" CssClass="username" />
<asp:CustomValidator ID="csvAge" runat="server" CssClass="validator"
Display="Dynamic" EnableClientScript="false" SetFocusOnError="true"
Text="Age Range Error (25-30) or 42" ValidateEmptyText="false"
ClientValidationFunction="" OnServerValidate="csvAge_ServerValidate" />
</div>
</div>
<div class="button">
<asp:Button ID="btnRegister" runat="server" Text="Register" AccessKey="R" OnClick="btnRegister_Click" />
 
<asp:Button ID="btnCancel" runat="server" Text="Cancel" AccessKey="C" />
</div>
</fieldset>
تمرین دوم : آپلود کردن ساب دامین
تمرین سوم استفاده از code bihind
در دسته Standard:
الف- dropdownlist:
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem>FILE</asp:ListItem>
<asp:ListItem>EDIT</asp:ListItem>
<asp:ListItem>PRINT</asp:ListItem>
</asp:DropDownList><BR /><BR />
ب-listbox
<asp:ListBox ID="ListBox1" runat="server">
<asp:ListItem>FILE</asp:ListItem>
<asp:ListItem>EDIT</asp:ListItem>
<asp:ListItem>PRINT</asp:ListItem>
</asp:ListBox>
ج- CheckBoxList
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem Selected="True">PRINT</asp:ListItem>
<asp:ListItem Selected="True">EDIT</asp:ListItem>
<asp:ListItem Selected="True">FILE</asp:ListItem>
</asp:CheckBoxList>
د-BulletedList
<asp:BulletedList ID="BulletedList1" runat="server">
<asp:ListItem>PRINT</asp:ListItem>
<asp:ListItem>EDIT</asp:ListItem>
<asp:ListItem>PRINT</asp:ListItem>
</asp:BulletedList>
تمرین عملی :
1- یک drowp…..
2- یک checkboxlist1
3- Button
4- Label
در code behind باتون
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "In the DDL you selected " +
DropDownList1.SelectedValue + "<br/>";
foreach (ListItem item in CheckBoxList1.Items)
{
if (item.Selected == true)
{
Label1.Text +="In the CBL you selected " + item.Value +"<br />";
}
}
}
}
