第3章ASP NET验证控件

第3章ASP.NET验证控件,ASP.NET数据库网站设计教程（C#版）配套教学资源,本章内容：验证控件概述，必须项验证控件，比较验证控件，范围验证控件，正则表达式验证控件，自定义验证控件，验证摘要控件，指定验证组，禁用验证控件。本章重点：验证控件的使用，包括RequiredFieldValidator、CompareValidator、RangeValidator、RegularExpressionValidator、CustomValidator、ValidationSummary。,验证控件包括5种用于进行比较的控件和一种用于显示所有验证控件错误信息的摘要控件。可以被验证的Web服务器控件见表3-2，这些可以被验证的控件都是用于输入数据的控件。,3.1验证控件概述,如果要求用户必须在某个输入控件中输入信息，而不可以保持空白，则使用必须项验证控件。语法格式为：,3.2必须项验证控件,说明：必须项的验证常与其他类型的验证结合使用。可以根据需要对一个用户输入字段使用多个验证控件，因为除了必须项验证控件外，其他所有验证控件都会把空白视为正确而通过验证。,【演练3-1】使用RequiredFieldValidator控件对文本框和下拉列表框进行必须项验证。程序运行后显示如图3-1所示的页面；若用户没有在文本框中输入学号并且没有在下拉列表框中选择专业，则显示出错提示；程序正常运行时显示如图3-2所示。设计页面。新建一个空网站，添加Web窗体，切换到设计视图，插入一个5行2列、宽度为450px的表格，添加一个Button控件、一个TextBox控件、一个DropDownList控件、两个RequiredFieldValidator控件。为了让用户看到错误原因，将验证控件放置在被验证控件的右侧，如图3-3所示。,设置对象属性。页面中各控件的初始属性设置见表3-4。,设置RequiredFieldValidator控件的ControlToValidate属性时，可在选中控件后单击ControlToValidate属性右侧的下拉按钮，在下拉列表中显示了当前页面中所有输入控件的名称，选择希望连接的控件的ID。设置属性后的页面如图3-4所示。,编写事件代码。在设计视图中双击窗体的空白区域，输入页面加载时执行的事件过程代码如下：【演练3-1】代码运行网站。单击“启用调试”按钮，运行当前Web窗体。如果在浏览器中显示如图3-5所示的提示，则说明没有设置RequiredFieldValidator1控件的ControlToValidate属性。,程序运行后，如果在学号文本框中没有输入数据或在下拉列表中没有选择专业，当单击“提交”按钮时，控件将不会通过验证，并在验证控件处显示验证控件的Text属性设置的提示文本；反之，将通过验证。请读者设置RequiredFieldValidator1控件的InitialValue属性值（如111），然后在TextBox1中输入111后提交，看看结果是什么？并理解InitialValue属性的作用。,CompareValidator控件将输入控件的值与常数或其他输入控件中的值进行比较，以确定这两个值是否与由比较运算符（=、!=、等）指定的关系相匹配。CompareValidator控件的语法格式为：,3.3比较验证控件,通过设置CompareValidator控件的属性来设置要比较的值，常用属性见表3-5。说明：如果用户将控件保留为空白，则此控件将通过比较验证。要强制用户输入值，还要添加RequiredFieldValidator控件。,【演练3-2】设计一个模拟的用户注册页面，要求使用比较验证控件（CompareValidator），对用户输入密码和确认密码的一致性、日期数据格式的正确性进行比较验证，使用必须项验证控件（RequiredFieldValidator）设置用户名及密码为必填字段。程序运行结果分别如图3-6和图3-7所示。设计页面。新建空网站，添加Web窗体，切换到设计视图下向Default.aspx中添加一个用于布局的6行2列600px宽度的HTML表格，向表格中添加必要的说明文字。添加4个用于接收用户输入数据的TextBox控件、一个Button控件、一个显示通过验证信息的Label控件，再添加3个必须项验证控件RequiredFieldValidator、两个比较验证控件CompareValidator。一般将验证控件分别放置在需要验证控件的右侧，适当调整各控件的大小及位置，如图3-8所示。,设置对象属性。各验证控件的初始属性设置见表3-6，设置属性后显示如图3-9所示。,编写事件代码。【演练3-2】代码,RangeValidator控件用于确定用户输入是否介于特定的取值范围内，例如，介于两个数字、两个日期或两个字符之间。RangeValidator控件的语法格式为：,3.4范围验证控件,RangeValidator控件的常用属性见表3-7。,说明：如果用户将控件保留为空白，则此控件将通过范围验证。要强制用户输入值，还要添加RequiredFieldValidator控件。【演练3-3】使用RangeValidator控件验证用户输入学生成绩的数值范围。如果用户没有输入学号或输入了不合逻辑的成绩值，则显示如图3-10所示的出错提示信息；如果用户输入数据被验证通过，则页面中显示如图3-11所示的结果。,设计页面。新建空网站，添加Web窗体，切换到设计视图下向Default.aspx中添加一个用于布局的5行2列550px宽度的HTML表格，向表格中添加必要的说明文字。添加两个TextBox控件、一个Button控件。在学号文本框后添加一个RequiredFieldValidator和一个RangeValidator控件，在成绩文本框后添加一个RequiredFieldValidato和一个RangeValidator控件，如图3-12所示。,各验证控件的初始属性设置见表3-8，设置属性后的显示如图3-13所示。,编写事件代码。页面装入时执行的事件过程代码如下：protectedvoidPage_Load(objectsender,EventArgse)this.Title=范围验证控件应用示例;TextBox1.Focus();/页面加载时，学号文本框得到焦点“确定”按钮被单击时执行的事件过程代码如下：protectedvoidButton1_Click(objectsender,EventArgse)Label1.Text=学号：+TextBox1.Text+,RegularExpressionValidator控件可以检查用户输入是否与预定义的模式相匹配，例如，电话号码、邮编、电子邮件地址等。要进行这一验证，需要使用正则表达式。RegularExpressionValidator控件的语法格式为：,3.5正则表达式验证控件,RegularExpressionValidator控件的常用属性见表3-9。,正则表达式由两种基本字符类型组成：正常字符和元字符，后者也称为“通配符”。常用正则表达式元字符见表3-10。,对初学者来说，编辑一个正则表达式可能是一件比较困难的事。为了解决这一问题，在VisualStudio中，可以从RegularExpressionValidator控件的预定义模式中进行选择。选中已添加到页面中的正则表达式控件（RegularExpressionValidator），在“属性”窗口中单击ValidationExpression属性右侧的按钮，打开如图3-14所示的“正则表达式编辑器”对话框。可以直接在列表框中选择希望的数据格式后单击“确定”按钮。,【演练3-4】使用RegularExpressionValidator控件验证用户输入信息，如图3-15所示。,选中身份证号码后面的RegularExpressionValidator1控件，在“属性”窗口中单击ValidationExpression属性右侧的按钮，显示如图3-14所示的“正则表达式编辑器”对话框，在列表中单击“中华人民共和国身份证号码（ID号）”项，然后单击“确定”按钮。由于在“正则表达式编辑器”对话框中没有手机号码，因此需要用户自己输入正则表达式。选中手机号码后面的RegularExpressionValidator2控件，在“属性”窗口中ValidationExpression属性右侧的文本框中输入正则表达式“d11”（请参考表3-10）。运行网页，显示如图3-15所示。,如果现有的验证控件无法满足需要，可以使用自定义函数对服务器控件进行验证，然后使用CustomValidator控件来调用它。CustomValidator控件的语法格式为：,3.6自定义验证控件,在服务器端执行验证时，页面中的CustomValidator控件将产生一个ServerValidate事件，该事件接收一个ServerValidateEventArgs类型参数args。args参数具有下列属性。args.Value属性：用于获取来自被验证输入控件的值。args.IsValid属性：用于获取或设置由上述Value属性指定的值是否通过了验证。说明：如果用户将控件保留为空白，则此控件将通过比较验证。要强制用户输入值，还要添加RequiredFieldValidator控件。Page.IsValid属性：该属性为Web窗体页中的一个属性，用于检查页面中的所有验证控件是否均已成功地进行验证。如果页面验证成功，则其值为true，否则其值为false。,1使用自定义函数在服务器上验证使用自定义函数在服务器上验证的方法如下。将一个CustomValidator控件添加到页面中并设置ControlToValidate、Text、Display等属性。为控件的ServerValidate事件创建一个基于服务器的事件处理程序。这一事件将被调用来执行验证。方法具有如下签名：protectedvoidCustomValidator1_ServerValidate(objectsource,ServerValidateEventArgsargs)其中，source参数是对引发此事件的自定义验证控件的引用。属性args.Value将包含要验证的用户输入内容。如果值是有效的，则将args.IsValid设置为true，否则设置为false。,下面的代码示例显示了如何创建自定义验证。事件处理程序确定用户输入是否为8个字符或更长：protectedvoidCustomValidator1_ServerValidate(objectsource,ServerValidateEventArgsargs)args.IsValid=(args.Value.Length=8);,使用如下代码将事件处理程序绑定到方法：在ASP.NET网页代码中添加测试代码，以检查有效性。,【演练3-5】设计一个用户注册提交页面，要求使用验证控件限制用户名不能为空，用户名中不能含有汉字，密码长度为612位，并且邮箱地址格式正确。通过验证后的显示如图3-18所示，验证失败时显示的页面分别如图3-19、图3-20和图3-21所示。,新建空网站，添加Web窗体，向默认页面中添加一个HTML表格，向表格中添加需要的说明文字。向表格中添加TextBox、Button、Label控件，分别在3个文本框的右侧添加3个必须项验证控件RequiredFieldValidator，添加两个自定义验证控件CustomValidator，在电子邮件文本框右侧添加一个正则表达式验证控件RegularExpressionValidator。如图3-22所示。各控件的初始属性设置见表3-11。设置属性后的页面如图3-23所示。,页面装入时执行的事件过程代码如下：protectedvoidPage_Load(objectsender,EventArgse)this.Title=自定义验证控件使用示例;UserName.Focus();“用户名”自定义验证控件的ServerValidate事件过程的创建方法为：选中CustomValidator1控件，在“属性”窗口中单击“事件”按钮切换到事件列表，双击列表中的ServerValidate，如图3-24所示。显示CustomValidator1控件对象的事件过程框架，如图3-25所示。,在CustomValidator1控件的事件过程框架中输入如下代码：protectedvoidCustomValidatorUserName_ServerValidate(objectsource,ServerValidateEventArgsargs)stringname=UserName.Text.Trim();/保存用户名intn=name.Length;/得到用户输入的用户名的长度（字符数）args.IsValid=true;/将控件置于验证通过状态for(inti=0;i255)/若字符的ASCII值大于255，则表示包含有非ASCII字符CustomValidatorUserName.Text=用户名中不能包含汉字！;args.IsValid=false;break;,同样方法，建立“密码”自定义验证控件的ServerValidate事件过程，代码如下：protectedvoidCustomValidatorPassWord_ServerValidate(objectsource,ServerValidateEventArgsargs)stringword=PassWord.Text.Trim();args.IsValid=true;/将控件置于验证通过状态/若用户输入的密码长度小于6个字符或大于12个字符if(word.Length12)CustomValidatorPassWord.Text=密码长度必须在612之间!;args.IsValid=false;,“提交”按钮被单击时执行的事件过程代码如下：protectedvoidOk_Click(objectsender,EventArgse)if(Page.IsValid)/若Page.IsValid属性为true，则表示页面中所有验证控件均通过验证Message.Text=用户输入数据通过验证！;elseMessage.Text=用户输入数据未通过验证！;,2在客户端创建自定义验证使用ECMAScript（JavaScript、JScript）创建验证函数。【演练3-6】下面的代码示例解释了自定义客户端验证的方法。由CustomValidator1控件验证TextBox1控件，验证控件调用过程名为“validateLength”的客户端脚本函数，以确认用户在TextBox1控件中输入了至少8个字符。新建空网站，添加Web窗体，在页面上添加一个TextBox控件和一个CustomValidator控件，然后设置CustomValidator控件的ControlToValidate属性为TextBox1。如图3-26所示。选中CustomValidator控件，在“属性”窗口中，在Text属性右侧的文本框中输入“必须至少输入8个字符!”，在ClientValidationFunction属性右侧的文本框中输入客户端脚本函数名“validateLength”，如图3-27所示。,切换到源视图，输入如下JavaScript验证函数：functionvalidateLength(oSrc,args)args.IsValid=(args.Value.length=8);,在源视图下，JavaScript验证函数代码的位置如图3-28所示。,运行Web窗体，在文本框中输入字符后，当焦点离开文本框后（单击网页空白处）将验证文本框中的字符，显示如图3-29所示。,ValidationSummary控件可以将页面中所有验证控件的提示信息集中起来，在指定区域中或以一个弹出信息框的形式显示给用户。ValidationSummary控件的语法格式为：,3.7验证摘要控件,ValidationSummary控件的常用属性见表3-12。【演练3-7】对演练3-5进行修改，改为用ValidationSummary控件显示页面中所有验证控件的出错提示信息。修改步骤如下。创建一个空网站，使用Windows资源管理器把演练3-5网站文件夹中的所有文件和文件夹都复制到新建的网站文件夹中。在解决方案资源管理器中，右击网站名称，从快捷菜单中单击“刷新文件夹”，就能看到复制到本网站中的文件了。,修改对象属性。在解决方案资源管理器中双击Default.aspx。在设计视图中，分别选中各个验证控件，在其ErrorMessage属性右侧的文本框中写入该控件的错误文本信息。如果验证控件的Display属性为Static或Dynamic，错误信息将通过该验证控件的Text属性显示在该验证控件上，同时通过ErrorMessage属性显示在ValidationSummary控件上。如果验证控件的Display属性为None，则错误信息不再显示在验证控件上，而只显示在ValidationSummary控件上。添加ValidationSummary控件和设置属性。在“工具箱”的“验证”选项卡中把ValidationSummary控件添加到页面的下方，如图3-30所示。设置该控件的HeaderText属性为“下列输入不符合要求：”，ShowMessageBox属性为false，ShowSummary属性为true。设置后显示如图3-31所示。,运行网页，不输入任何数据或填入错误数据，单击“确定”按钮，将显示如图3-32所示的提示。若将ShowMessageBox属性设置为true，将ShowSummary属性设置为false，运行网页将显示如图3-33所示。还可以把验证控件的Display属性设置为None，把DisplayMode属性分别设置为SingleParagraph或List，以观察提示信息的布局样式。,使用验证组可以将页面上的验证控件归为一组。可以对每个验证组执行验证，该验证与同一页的其他验证组无关。把要分组的所有控件的ValidationGroup属性设置为同一个名称（字符串）即可创建验证组。可以为验证组分配任何名称，但必须对该组的所有成员使用相同的名称。在回发过程中，只根据当前验证组中的验证控件来设置Page类的