第6章 HTML控件和Web服务器控件.pptVIP

第6章 HTML控件和Web服务器控件 6.1 ASP.NET控件概述 6.1 ASP.NET控件概述 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 如图6-21所示，从外观上看FileUpload控件有一个文本框和一个【浏览】按钮控件组成，用户可直接在文本框中输入希望上传的文件名（包括文件存放路径）。若用户在Web页面中单击控件的【浏览】按钮时，系统将自动弹出一个“选择文件”对话框（类似与Windows的“打开”对话框），通过该对话框用户可根据需要选择希望上传到远程Web服务器的文件。出于安全方面的考虑，不能将文件名预先加载到FileUpload控件中。 6.2 标准服务器端控件 6.2 标准服务器端控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6．ValidationSummary验证摘要控件 若页面中存在有很多各类验证控件，则可能出现大量提示信息占用较多页面的情况，这对Web页面的美观性十分不利。 ValidatorSummary控件可以将页面中所有验证控件的提示信息集中起来，在指定区域或以一个弹出信息框的形式显示给用户。 ValidatorSummary控件为页面中每个验证控件显示的错误信息，是由每个验证控件的ErrorMessage属性确定。若某验证控件没有设置ErrorMessage属性，则在ValidatorSummary控件中不显示该控件的错误信息。 ValidatorSummary控件必须与其他验证控件一起使用，可分别将各验证控件的Display属性设置为“None”，而通过ValidatorSummary控件收集所有验证错误，并在指定的网页区域中或以信息框的形式显示给用户。 【例】 在网站Chapter5中添加一个网页，用于体现验证控件的使用。 ① 添加一个命名为“example5-10”的网页。切换到设计视图下，选择菜单命令“表”→“插入表”，添加1个6行3列的表，在设计视图状态下从工具箱中拖拽5个TextBox控件到页面上。 ② 表的第一列输入提示字样。表的第二列分别添加5个TextBox控件，ID从上到下分别为“TextBox1”、“TextBox2”、“TextBox3”、“TextBox4”、“TextBox5”。表的第三列和表的第6行添加1个Button控件和一些验证控件，如图所示。其中RequiredFieldValidator控件的ID与同行的TextBox控件一致，ControlToValidate属性为同行的TextBox控件的ID，ErrorMessage分别设置为“用户名不能为空”、“请输入密码”、“请输入确认密码”、“请输入年龄”、“请输入邮箱”。 图5.25 example5-10页面布局与空间添加 ③ 页面上控件的其他属性设置如下表所示。其中，ID为RegularExpressionValidator1的ValidationExpression的设置如图5.24所示。属性设置完成后的页面如图5.26所示。 图5.26 控件属性设置后页面 ShowMessageBox：True；ShowSummary：False ValidationSummary1 ControlToValidate：TextBox2；ErrorMessage：密码个数在6～15之间、 CustomValidator1 ControlToValidate：TextBox5；ErrorMessage：邮箱格式不对、 ValidationExpress:Internet电子邮件地址 RegularExpressionValidator1 ControlToValidate：TextBox4；ErrorMessage：年龄在0～150之间；MinmumValue：0；MaximumValue：150；Type：Integer RangeValidator1 ControlToCompare：TextBox2；ControlToValidate：TextBox3；ErrorMessage：密码不一致 Compar