二篇 Web Form 妇表单验证- Microsoft InternetExplorer 回区 文件)编辑)查看收藏④)工具〔)帮助0) 后退前进停止刷新 搜索收藏 验证表单的例子2 请验证你的身份证输入 卡号:0613781151 包完成 5 Internet 我们在验证的时候,有时需要进行特殊的验证。在下面的表中,列出了需要进行特殊验 证时要使用的特殊控件。 Required Field validator 使用户在输入时,不是使这一项为空 Compare Validator 对两个控件的值进行比较 Range validator 对输入的值进行控制,使其值界定在一定范围内 RegularExpression Validator把用户输入的字符和自定义的表达式进行比较 Customvalidator 自定义验证方式 Validation Summar 在一个页面中显示总的验证错误 现在对各个验证控件介绍 1. Required Field validator 下面的这个例子,演示了 Required Field Validator控件的使用方法。 validate3aspx文件: <-源文件: formlweb页面简介 \validate3aspx <html> <tf。验证控件演示(1)< /title> <h3>< font face=" Verdana">验证控件演示(l)<font></h3> <form runat=server> 姓名:<asp: TextBox id= TextI runat==" server" <asp Required Field Validator id=Required Field Validator l"Control To Validate="TextI Font-Name="Arial"Font-Size="11"runat="server"> 第16页共132页
第二篇 Web Form 第 16 页 共 132 页 我们在验证的时候，有时需要进行特殊的验证。在下面的表中，列出了需要进行特殊验 证时要使用的特殊控件。 控件 描述 RequiredFieldValidator 使用户在输入时，不是使这一项为空 CompareValidator 对两个控件的值进行比较 RangeValidator 对输入的值进行控制，使其值界定在一定范围内 RegularExpressionValidator 把用户输入的字符和自定义的表达式进行比较 CustomValidator 自定义验证方式 ValidationSummary 在一个页面中显示总的验证错误 现在对各个验证控件介绍： 1．RequiredFieldValidator 下面的这个例子，演示了 RequiredFieldValidator 控件的使用方法。 validate3.aspx 文件： <!--源文件：form\web 页面简介\validate3.aspx--> <html> <body> <center> <title>验证控件演示 (1)</title> <h3><font face="Verdana">验证控件演示 (1)</font></h3> <form runat=server> 姓名: <asp:TextBox id=Text1 runat="server"/> <asp:RequiredFieldValidator id="RequiredFieldValidator1" ControlToValidate="Text1" Font-Name="Arial" Font-Size="11" runat="server">
二篇 Web Form 此项不能为空 asp Button id="Button"runat="server "Text=" iE"p> </form> <html> 当我们不在文本框中输入内容的时候,页面上将会出现不能为空的提示。 程序运行如下: 文件)编提)查看0收藏)工具) 妇验证控件演示)- Microsoft InternetExplorer 验证控件演示(1) 姓名:「 此项不能为空 幻完成 nternet 2. Compare Validator控件 为了比较两个控件的值,此时我们需要使用 Compare validator控件。 在下面的这个例子中,我们将讲解 Compare Validator控件的用法。 先看文件 validata4aspx <!-源文件: formlweb页面简介 Validate4.aspx-> <%@ Page clienttarget=downlevel % <html> -title>Compare Validator控件示例<itle <script language="VB"runat="server"> Sub Button OnSubmit(sender As Object, e As Event Args) If Page is valid then blOutput. Text="比较正确! blOutput. Text="比较不正确! End lf End Sub Sub lstOperator SelectedIndex Changed( sender As Object, e As EventArgs) 第17页共132页
第二篇 Web Form 第 17 页 共 132 页 此项不能为空! </asp:RequiredFieldValidator> <p> <asp:Button id="Button1" runat="server" Text="验证" /> </form> </center> </body> </html> 当我们不在文本框中输入内容的时候，页面上将会出现不能为空的提示。 程序运行如下： 2．CompareValidator 控件 为了比较两个控件的值，此时我们需要使用 CompareValidator 控件。 在下面的这个例子中，我们将讲解 CompareValidator 控件的用法。 先看文件 validata4.aspx： <!--源文件：form\web 页面简介\validate4.aspx--> <%@ Page clienttarget=downlevel %> <html> <title>CompareValidator 控件示例</title> <head> <script language="VB" runat="server"> Sub Button1_OnSubmit(sender As Object, e As EventArgs) If Page.IsValid Then lblOutput.Text = "比较正确!" Else lblOutput.Text = "比较不正确!" End If End Sub Sub lstOperator_SelectedIndexChanged(sender As Object, e As EventArgs)
二篇 Web Form ompl, Operator=IstOperator SelectedIndex End Sub </script> <center> <h3>< <font face=" Verdana"> Compare Validator控件示例<font><h3> <form runat-server> <table bgcolor="#eeeeee"cellpadding=10> <tr valign="top"> <h5>< font face=" Verdana">字符串1:</font></h5> casp: TextBox Selected id="txt Comp"runat="server"></asp: Text Box> <h5>< font face=" Verdana">比较运算符:<font></h5> <asp: List B id="Istoperator OnSelectedIndex Changed="lstOperator SelectedIndex Changed" runat="server"> <asp: Listitem Selected Value="Equal">=</asp: Listitem> <asp: Listitem Value="NotEqual"><</asp: ListItem> <asp: Listitem Value="Greater Than">></asp: Listitem> <asp: Listitem Value="Greater ThanEqual asp: ListItem> <asp: Listitem Value="LessThan"><</asp: ListItem> <asp: ListItem Value="Less Than Equal">=<</asp: Listitem <lasp: List Box> </td> <td> <h5>< font face=" Verdana">字符串2:<font><h5> <asp: TextBox id=txt Comp"runat="server"><asp: Text Box><p asp: Button runat= eserver Text="验证 ID="Button1 onclick"Button1 On Submit"/> </tr> <asp: Compare Validator id=compl"Control To Validate="txt Comp"Control ToCompare txt Comp To"Type="String"runat="server"p> <asp: Label ID="lblOutput"Font-Name="verdana"Font-Size="10pt"runat="server"/> </html> 在上面的代码中,我们实现了对两个控件的值进行比较。 第18页共132页
第二篇 Web Form 第 18 页 共 132 页 comp1.Operator = lstOperator.SelectedIndex comp1.Validate End Sub </script> </head> <body> <center> <h3><font face="Verdana">CompareValidator 控件示例</font></h3> <form runat=server> <table bgcolor="#eeeeee" cellpadding=10> <tr valign="top"> <td> <h5><font face="Verdana">字符串 1:</font></h5> <asp:TextBox Selected id="txtComp" runat="server"></asp:TextBox> </td> <td> <h5><font face="Verdana">比较运算符:</font></h5> <asp:ListBox id="lstOperator" OnSelectedIndexChanged="lstOperator_SelectedIndexChanged" runat="server"> <asp:ListItem Selected Value="Equal" >=</asp:ListItem> <asp:ListItem Value="NotEqual" ><></asp:ListItem> <asp:ListItem Value="GreaterThan" >></asp:ListItem> <asp:ListItem Value="GreaterThanEqual" >>=</asp:ListItem> <asp:ListItem Value="LessThan" ><</asp:ListItem> <asp:ListItem Value="LessThanEqual" >=<</asp:ListItem> </asp:ListBox> </td> <td> <h5><font face="Verdana">字符串 2:</font></h5> <asp:TextBox id="txtCompTo" runat="server"></asp:TextBox><p> <asp:Button runat=server Text=" 验 证 " ID="Button1" onclick="Button1_OnSubmit" /> </td> </tr> </table> <asp:CompareValidator id="comp1" ControlToValidate="txtComp" ControlToCompare = "txtCompTo" Type="String" runat="server"/> <br> <asp:Label ID="lblOutput" Font-Name="verdana" Font-Size="10pt" runat="server"/> </form> </center> </body> </html> 在上面的代码中，我们实现了对两个控件的值进行比较
二篇 Web Form 程序运行如下: 当我们在两个文本框中输入值,然后选定运算符后,点验证按钮后,在页面上将显示 比较结果 Comparevalidator控件示例 口 文件①)编辑)查看①收藏)工具〔)帮助0 后退进 aR翻 打印 CompareValidator控件示例 字符串1: 比较运算符:字符串2: 验证 比较正确! 白完成 3. Rangevalidator控件 Range validator控件主要界定输入的值的范围。因为有时我们要求输入的值是要有一定范围 的,所以我们要使用 Range validator来判断 在下面的这个例子中,我们将来介绍 Range validator控件 请看 validata5.aspx的程序内容 <!-源文件: formlweb页面简介 alidate5 aspx-> Yoa Page clienttarget=downlevel % <center> title> Range validator控件演示< /title> <script language="VB"runat="server Sub Button Click(sender As Object, e As Event Args) If(Page IsValid) Then blOutput.Text="结果正确! blOutput.Text="结果不正确! End If End Sub 第19页共132页
第二篇 Web Form 第 19 页 共 132 页 程序运行如下： 当我们在两个文本框中输入值，然后选定运算符后，点验证按钮后，在页面上将显示 比较结果:： 3．RangeValidator 控件 RangeValidator 控件主要界定输入的值的范围。因为有时我们要求输入的值是要有一定范围 的，所以我们要使用 RangeValidator 来判断。 在下面的这个例子中，我们将来介绍 RangeValidator 控件。 请看 validata5.aspx 的程序内容： <!--源文件：form\web 页面简介\validate5.aspx--> <%@ Page clienttarget=downlevel %> <html> <center> <title>RangeValidator 控件演示</title> <head> <script language="VB" runat="server"> Sub Button1_Click(sender As Object, e As EventArgs) If (Page.IsValid) Then lblOutput.Text = "结果正确!" Else lblOutput.Text = "结果不正确!" End If End Sub
二篇 Web Form Sub lstOperator SelectedIndex Changed(sender As object, e As EventArgs) range Val Type= lst Type SelectedIndex range val validate End Sub <h3>< font face=" Verdana"> Range validator控件演示</font><h3> <form runat="server> <table bgcolor="#eeeeee"cellpadding=10> <td> <h5>< font face=" Verdana”>输入要验证的值:</font><h5> <asp: Text Box Selected id="txt Comp"runat="server" <h5>< font face=" Verdana">数据类型:</font></h5> OnSelectedIndex Changed="lstOperator SelectedIndex Changed"runat=server> casp: ListItem Selected Value="String">String</asp: Listitem> <asp: Listitem Value="Integer">Integer </asp: ListItem> asp: DropDownList> <td> <h5>< font face=" Verdana">最小值:<font></h5> <asp: TextBox id="txt Min"runat="s server </td> <h5>< font face=" Verdana">最大值:</font><h5> <asp: Text Box id="txtMax"runat="server"/><p> asp: Button Text="ye WE"ID='Buttonl"onclick="Buttonl Click"runat="server" </td> asp: Range Validator id="range Val" Type="String" Control To Validate="txtComp Maximum Control=txtMax" Minimum Control=txtMin" runat="server"I> asp Label id="lblOutput"Font-Name="verdana"Font-Size="1Opt"runat="server"/ center> 第20页共132页
第二篇 Web Form 第 20 页 共 132 页 Sub lstOperator_SelectedIndexChanged(sender As Object, e As EventArgs) rangeVal.Type = lstType.SelectedIndex rangeVal.Validate End Sub </script> </head> <body> <h3><font face="Verdana">RangeValidator 控件演示</font></h3> <p> <form runat="server"> <table bgcolor="#eeeeee" cellpadding=10> <tr valign="top"> <td> <h5><font face="Verdana">输入要验证的值:</font></h5> <asp:TextBox Selected id="txtComp" runat="server"/> </td> <td> <h5><font face="Verdana">数据类型:</font></h5> <asp:DropDownList id="lstType" OnSelectedIndexChanged="lstOperator_SelectedIndexChanged" runat=server> <asp:ListItem Selected Value="String" >String</asp:ListItem> <asp:ListItem Value="Integer" >Integer</asp:ListItem> </asp:DropDownList> </td> <td> <h5><font face="Verdana">最小值:</font></h5> <asp:TextBox id="txtMin" runat="server" /> </td> <td> <h5><font face="Verdana">最大值:</font></h5> <asp:TextBox id="txtMax" runat="server" /><p> <asp:Button Text="验证" ID="Button1" onclick="Button1_Click" runat="server" /> </td> </tr> </table> <asp:RangeValidator id="rangeVal" Type="String" ControlToValidate="txtComp" MaximumControl="txtMax" MinimumControl="txtMin" runat="server"/> <br> <asp:Label id="lblOutput" Font-Name="verdana" Font-Size="10pt" runat="server" /> </form> </body> </center>