②设置对象属性。页面中各控件的初始属性设置见表3-4 表3-4各控件的初始属性设置 TextBox I TextBox I 学号”文本框控件的I属性 DropDownList DropDownList “专业”下拉列表框控件的ID属性 utton1 提交”按钮控件的ID属性 Button1 Text 提交 显示在按钮上的文本 Label1 用于显示输出信息的标签的I属性 Labell 在初始状态下,标签中不显示任何内容 Requiredfieldvalidator1RequiredFieldvalidatorl掉件的D属性 ControlTo Validate TextBoxl 指定验证控件的验证对象 RequiredFieldValidator1 Text 必须输入学号 验证失败时显示的信息 ErrorMessage没有输入学号 本例因没有添加 ValidationSummary控件, 可不设置本属性 Required Field validator2 Required Field Validator2控件的ID属性 ControlTovalidate DropDownList1 指定验证控件的验证对象 RequiredFieldvalidator2 Text 必须选择一个专业 验证失败时显示的信息 ErrorMessage没有选择专业 在 ValidationSummary控件中显示的提示 lihe-请选择专业 验证控件的初始值,注意要与代码中的相同
◼ ② 设置对象属性。页面中各控件的初始属性设置见表3-4
设置 RequiredFieldvalidator控件的 ControTovalidate属性时 ,可在选中控件后单击 Controto validate属性右侧的下拉 按钮,在下拉列表中显示了当前页面中所有输入控件的名 称,选择希望连接的控件的I。设置属性后的页面如图3- 所示 M贴 幅们6的的生助即M数A情工(系购Q国分析w、 ··以|p Required 来方离“e212(1个目 学号 输入学号 U C\exa 1a 专业:际未师定工必须选择专业 交 方资滑器[队 RequiredFieldValidator System Web uLWebCortr Requiredfiel dvali dator控件应用示例 RequiredFieldvalidator ControlTov 专业,「球定- requiredfielavalidetor Label 图3-3设计页面 图3-4设置属性后的页面
◼ 设置RequiredFieldValidator控件的ControlToValidate属性时 ,可在选中控件后单击ControlToValidate属性右侧的下拉 按钮 ,在下拉列表中显示了当前页面中所有输入控件的名 称,选择希望连接的控件的ID。设置属性后的页面如图3- 4所示
③编写事件代码。 在设计视图中双击窗体的空白区域,输入页面加载时执行 的事件过程代码如下 【演练3-1】代码 ④运行网站。单击“启用调试”按钮,运行当前Web窗 体。如果在浏览器中显示如图3-5所示的提示,则说明没有 设置 Required Field validator控件的 Controtovalidate属性 性不力空 文门查看M收A工具0 会收e)同快讯库·请用站·曲义 工· /ex212“应用程序中的服务器 RequiredFieldvalidator1“的 ControlTovalidate属性不能为空 识明执行当箱省请丰对,出现来经处的·请检写限值意+以了稻再关话错以及代中导错的出处的 拿译翻信: at留caev性不验为空 执行当船e请求期主了米蛙处带的异常·可以便用下面的异常雄枝跟容信更确宝有关择常原日松发主位置的信意 分旺cm: tagnaaf te aayndreint).z 本信息: Ceret MT raw本4430199本d3391 b Iternet保护模式用 图35没有设置 ControlTo validate属性时的显示
◼ ③ 编写事件代码。 ◼ 在设计视图中双击窗体的空白区域,输入页面加载时执行 的事件过程代码如下: ◼ 【演练3-1】代码 ◼ ④ 运行网站。单击“启用调试”按钮 ,运行当前Web窗 体。如果在浏览器中显示如图3-5所示的提示,则说明没有 设置RequiredFieldValidator1控件的ControlToValidate属性
程序运行后,如果在学号文本框中没有输入数据或在下拉 列表中没有选择专业,当单击“提交”按钮时,控件将不 会通过验证,并在验证控件处显示验证控件的Text属性设 置的提示文本;反之,将通过验证 请读者设置 Requiredfieldvalidator1控件的 Initialvalue属性值 (如111),然后在 TextBox1中输入11l后提交,看看结果 是什么?并理解 Initialvalue属性的作用
◼ 程序运行后,如果在学号文本框中没有输入数据或在下拉 列表中没有选择专业,当单击“提交”按钮时,控件将不 会通过验证,并在验证控件处显示验证控件的Text属性设 置的提示文本;反之,将通过验证。 ◼ 请读者设置RequiredFieldValidator1控件的InitialValue属性值 (如111),然后在TextBox1中输入111后提交,看看结果 是什么?并理解InitialValue属性的作用
33比较验证控件 ompare validator控件将输入控件的值与常数或其他输入 控件中的值进行比较,以确定这两个值是否与由比较运算 等)指定的关系相匹配 Compare validator控件的语法格式为 < asp: Compare Validator ID="控件的ID" runat=" server" ControlTovalidate="被验证控件的ID ControlToCompare="与被验证控件比较的控件的ID Operator="比较操作符" Type="用于比较的值的数据类型" Text="验证控件本身显示的提示 ErrorMessage="在 Validation Summary控件中显示的提 a </asp: Compare Validator>
◼ CompareValidator控件 将输入控件的值与常数或其他输入 控件中的值进行比较,以确定这两个值是否与由比较运算 符(==、!=、<、>等)指定的关系相匹配。 CompareValidator控件的语法格式为: ◼ <asp:CompareValidator ID="控件的ID" runat="server" ◼ ControlToValidate="被验证控件的ID" ◼ ControlToCompare="与被验证控件比较的控件的ID" ◼ Operator="比较操作符" ◼ Type="用于比较的值的数据类型" ◼ Text="验证控件本身显示的提示" ◼ ErrorMessage="在ValidationSummary控件中显示的提 示"> ◼ </asp:CompareValidator> 3.3 比较验证控件