第4章 Web窗体及常用服务器控件.ppt

【例4.15】 设计一个网页用于输入用户信息，在网页中使用RangeValidator控件验证用户年龄，使用RegularExpressionValidator控件验证电子邮箱和电话号码是否符合标准，使用ValidationSunmmary控件统一显示所有错误信息。 控件 属性 属性值 说明 RegularExpressionValidator1 ControlToValidate txtEmail 对Email进行正则表达式检查 Display None 因为要在ValidationSunmmary控件中显示错误所以，所以在单个的验证控件中要将Display属性设置为None ErrorMessage 电子邮箱格式不正确！ 如果输入数据不符合正则表达式，则输出此信息 ValidateExpression \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 采用Internet电子邮件格式 RegularExpressionValidator2 ControlToValidate txtTele 对电话号码进行正则表达式检查 Display None 因为要在ValidationSunmmary控件中显示错误所以，所以在单个的验证控件中要将Display属性设置为None ErrorMessage 电话号码格式不正确！ 如果输入数据不符合正则表达式，则输出此信息 ValidateExpression (\(\d{3}\)|\d{3}-)?\d{8} 采用中华人民共和国电话号码格式 RangeValidator1 ControlToValidate txtAge 对年龄数据进行检查 Display None 因为要在ValidationSunmmary控件中显示错误所以，所以在单个的验证控件中要将Display属性设置为None ErrorMessage 年龄应为0~150的整数 如果输入数据不符合正则表达式，则输出此信息 MinimumValue 0 验证范围的最小值 MaximumValue 150 验证范围的最大值 ValidationSummary1 HeaderText 以下输入数据无效，请重新输入。 指定错误信息的标题 运行界面 4.3.6 CustomValidator控件 CustomValidator控件又称自定义验证控件，开发人员可以自定义该控件的验证函数，实现自己个性化验证。CustomValidator验证控件与其他验证控件的最大区别是该控件可以添加客户端验证函数和服务器端验证函数。 定义CustomValidator控件的代码如下： asp:CustomValidator ID=CustomValidator1 runat=server ErrorMessage=错误信息 ClientValidationFunction=自定义客户端验证函数名/asp:CustomValidator CustomValidator控件的主要属性和方法 属性和方法 说明 ClientValidationFunction属性 指定自定义客户端验证函数 ControlToValidate 获取或设置待验证的输入控件 ErrorMessage 验证失败时输出的错误信息 OnServerValidate方法 为CustomValidator控件引发ServerValidate事件 ServerValidate 服务器上执行验证时发生 【例4.16】 设计一个网页用于输入用户注册信息。在网页中使用CustomValidator控件验证用户密码的长度不得小于6。本例中采用客户端验证函数，函数名为PasswordLength。函数定义代码如下： body script type=text/javascript function PasswordLength(source,args) //客户端验证函数 { if(args.Value.length 6) { args.IsValid = false; //用户输入为不合法的 } else { args.IsValid = true; //用户输入为合法的 } } /script …… /body 【例4.16】 CustomValidator控件的定义代码如下，其中使用ClientValidationFunction属性指定的了客户端验证函数为PasswordLength。 asp:CustomValidator ID=Custo