1)在aspx页面中使用标签控件、文本控件、按钮控件、列表控件、图片控件、文件上传控件、验证控件 。 (2)给每个控件制定校验规则并在提交表单时进行校验,校验通过后才可提交到后台,后台接收到表单数据后,把数据打印到控制台(文件控件不需要打印)。
时间: 2023-12-16 15:06:43 浏览: 90
下面是一个简单的示例,展示如何在 ASPX 页面中使用各种控件,并对其进行校验:
```aspx
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head>
<title>ASP.NET 控件示例</title>
</head>
<body>
<form id="myForm" runat="server">
<div>
<label>姓名:</label>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvName" runat="server" ControlToValidate="txtName" ErrorMessage="请输入姓名"></asp:RequiredFieldValidator>
<br />
<label>邮箱:</label>
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail" ValidationExpression="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$" ErrorMessage="请输入正确的邮箱"></asp:RegularExpressionValidator>
<br />
<label>电话:</label>
<asp:TextBox ID="txtPhone" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="revPhone" runat="server" ControlToValidate="txtPhone" ValidationExpression="^1[3456789]\d{9}$" ErrorMessage="请输入正确的手机号"></asp:RegularExpressionValidator>
<br />
<label>性别:</label>
<asp:RadioButtonList ID="rblGender" runat="server">
<asp:ListItem Text="男" Value="M"></asp:ListItem>
<asp:ListItem Text="女" Value="F"></asp:ListItem>
</asp:RadioButtonList>
<asp:RequiredFieldValidator ID="rfvGender" runat="server" ControlToValidate="rblGender" ErrorMessage="请选择性别"></asp:RequiredFieldValidator>
<br />
<label>爱好:</label>
<asp:CheckBoxList ID="cblHobbies" runat="server">
<asp:ListItem Text="篮球" Value="basketball"></asp:ListItem>
<asp:ListItem Text="足球" Value="football"></asp:ListItem>
<asp:ListItem Text="游泳" Value="swimming"></asp:ListItem>
</asp:CheckBoxList>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" />
</div>
</form>
</body>
</html>
```
在上面的代码中,我们使用了标签控件、文本控件、按钮控件、列表控件,并对每个控件都指定了校验规则。例如,对于文本框控件,我们使用 `RequiredFieldValidator` 控件和 `RegularExpressionValidator` 控件来分别验证它们是否为空和是否符合特定的格式要求;对于单选框和复选框列表控件,我们使用 `RequiredFieldValidator` 控件来验证它们是否至少选择了一个选项。
在提交按钮的 `OnClick` 事件处理程序中,我们可以获取各个控件的值,并将它们打印到控制台:
```csharp
protected void btnSubmit_Click(object sender, EventArgs e)
{
if (Page.IsValid)
{
string name = txtName.Text;
string email = txtEmail.Text;
string phone = txtPhone.Text;
string gender = rblGender.SelectedValue;
string hobbies = string.Join(",", cblHobbies.Items.Cast<ListItem>().Where(item => item.Selected).Select(item => item.Value));
Console.WriteLine($"姓名:{name}");
Console.WriteLine($"邮箱:{email}");
Console.WriteLine($"电话:{phone}");
Console.WriteLine($"性别:{gender}");
Console.WriteLine($"爱好:{hobbies}");
}
}
```
在上面的代码中,我们先使用 `Page.IsValid` 属性来检查页面是否通过了校验,如果通过了,就可以获取各个控件的值,并将它们打印到控制台中。需要注意的是,对于文件上传控件,我们不需要打印它的值,因为它的值已经被保存到了服务器端的临时文件中。如果需要将上传的文件保存到磁盘上,可以在后台代码中使用 `FileUpload.SaveAs` 方法来实现。
阅读全文