Home思洋影视事业部网站建设知识库
0 Comments

验证Web窗体页中的用户输入（1）

发布于：2012-11-22  |   作者：广州网站建设  |   已聚集：人围观
验证Web窗体页中的用户输入（1）

有效性验证控件使用非常容易。只需将它们添加到一个页面，设置一些属性，然后它们会完成所有艰难的工作。下面举例说明验证控件的使用。

【例5-1】演示校验控件的用法。广州网站建设

(1) 新建一个ASP.NET网站项目Ex5_1。

(2) 切换到Default.aspx页面的设计视图，在Default.aspx页面上添加5个TextBox控件、1个Button控件；5个RequireFieldValidator控件、1个RangeValidation控件、1个RegularExpressionValidator、1个CompareValidator、1个Label控件和1个ValidationSummary控件。界面设计如图5-2所示。广州网站建设

（点击查看大图）图5-2   页面布局

(3) 选择控件，在属性窗口中修改控件的属性。

设置TextBox4、TextBox5的TextMode属性为"Password"。广州网站设计

将5个RequireFieldValidator控件的ControlToValidate分别设置到5个TextBox控件上，修改其Text属性为*(可以同时修改5个RequireFieldValidator控件的Text属性，方法是选定RequireFieldValidator1，按住Ctrl键，选择RequireFieldValidator2~ RequireFieldValidator5，在属性窗口中修改Text属性为*)，设置其ErrorMessage属性分别为"姓名不能为空"、"年龄不能为空"、"邮箱不能为空"、"密码不能为空"和"确认密码不能为空"。

将RangeValidation控件的ControlToValidate属性设置为"TextBox2"；Minimum Value属性设置为"1"；MaximumValue设置为"100"；Type属性设置为"Integer"；ErrorMessage属性设置为"年龄范围1-100"；Text属性为"*"。广州网站设计

将RegularExpressionValidator控件的ControlToValidate属性设置为"TextBox3"；ErrorMessage属性设置为"邮箱格式错误"；Text属性为*；单击ValidationExpression属性，单击其右边的浏览按钮，在弹出的【正则表达式编辑器】对话框中选择【Internet电子邮件地址】选项，如图5-3所示。单击【确定】按钮，完成设置。

将CompareValidator控件的ControlToValidate属性设置为TextBox5；ControlToCompare属性设置为TextBox4；ErrorMessage属性设置为"密码不对请重新输入"；Text属性设置为*。

将Button控件的Text属性设置为"提交"。设置Label控件的Text属性为空。

(4) 切换到Default.aspx页面的设计视图，双击Button控件，在Default.aspx.cs代码窗口中添加其事件处理程序如下：



    
	
  1. 
		protected void Button1_Click(object sender, EventArgs e)  
    2. 
	
  2. 
		{  
    3. 
	
  3. 
		    Label1.Text = "全部验证正确！";  
    4. 
	
  4. 
		} 
    5. 




	
		

			
				
		

		

			
				图5-3  【正则表达式编辑器】对话框
		

	


(5) 切换到Default.aspx页面的源视图，VWD 2008自动生成的代码如下：

广州网站设计


    
	
  1. 
		<%@ Page Language="C#" AutoEventWireup="true"   CodeFile="Default.aspx.cs" 
    2. 
	
  2. 
		Inherits="_Default" %> 
    3. 
	
  3. 
		 
    4. 
	
  4. 
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    5. 
	
  5. 
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    6. 
	
  6. 
		 
    7. 
	
  7. 
		<html xmlns="http://www.w3.org/1999/xhtml"> 
    8. 
	
  8. 
		<head runat="server"> 
    9. 
	
  9. 
		    <title></title> 
    10. 
	
  10. 
		</head> 
    11. 
	
  11. 
		<body> 
    12. 
	
  12. 
		    <form id="form1" runat="server"> 
    13. 
	
  13. 
		    <div> 
    14. 
	
  14. 
		        姓名：<asp:TextBox ID="TextBox1"  runat="server"></asp:TextBox> 
    15. 
	
  15. 
		        <asp:RequiredFieldValidator ID=" RequiredFieldValidator1" 
    16. 
	
  16. 
		runat="server" 
    17. 
	
  17. 
		            ControlToValidate="TextBox1"  ErrorMessage="姓名不能为空  
    18. 
	
  18. 
		">*</asp:RequiredFieldValidator> 
    19. 
	
  19. 
		        <br /> 
    20. 
	
  20. 
		        年龄：<asp:TextBox ID="TextBox2" runat= "server"></asp:TextBox> 
    21. 
	
  21. 
		        <asp:RequiredFieldValidator ID="Required FieldValidator2" runat="server" 
    22. 
	
  22. 
		            ControlToValidate="TextBox2"  ErrorMessage="年龄不能为空  
    23. 
	
  23. 
		">*</asp:RequiredFieldValidator> 
    24. 
	
  24. 
		        <asp:RangeValidator ID="RangeValidator1"  runat="server" 
    25. 
	
  25. 
		            ControlToValidate="TextBox2"  ErrorMessage="年龄范围1-100" 
    26. 
	
  26. 
		MaximumValue="100" 
    27. 
	
  27. 
		            MinimumValue="1" Type="Integer">* </asp:RangeValidator> 
    28. 
	
  28. 
		        <br /> 
    29. 
	
  29. 
		        邮箱：<asp:TextBox ID="TextBox3"  runat="server"></asp:TextBox> 
    30. 
	
  30. 
		        <asp:RequiredFieldValidator  ID="RequiredFieldValidator3" runat="server" 
    31. 
	
  31. 
		            ControlToValidate="TextBox3"  ErrorMessage="邮箱不能为空  
    32. 
	
  32. 
		">*</asp:RequiredFieldValidator> 
    33. 
	
  33. 
		        <asp:RegularExpressionValidator  ID="RegularExpressionValidator1" 
    34. 
	
  34. 
		runat="server" 
    35. 
	
  35. 
		            ControlToValidate="TextBox3"  ErrorMessage="邮箱格式错误" 
    36. 
	
  36. 
		 
    37. 
	
  37. 
		ValidationExpression="\w+([-+.']\w+)*@\w+ ([-.]\w+)*\.\w+([-.]\w+)*">*</ 
    38. 
	
  38. 
		asp:RegularExpressionValidator> 
    39. 
	
  39. 
		        <br /> 
    40. 
	
  40. 
		        密码：<asp:TextBox ID="TextBox4" runat="server" 
    41. 
	
  41. 
		TextMode="Password"></asp:TextBox> 
    42. 
	
  42. 
		        <asp:RequiredFieldValidator ID=" RequiredFieldValidator4" runat="server" 
    43. 
	
  43. 
		            ControlToValidate="TextBox4"  ErrorMessage="密码不能为空  
    44. 
	
  44. 
		">*</asp:RequiredFieldValidator> 
    45. 
	
  45. 
		        <br /> 
    46. 
	
  46. 
		        确认密码：<asp:TextBox ID="TextBox5" runat="server" 
    47. 
	
  47. 
		TextMode="Password"></asp:TextBox> 
    48. 
	
  48. 
		        <asp:RequiredFieldValidator ID=" RequiredFieldValidator5" runat="server" 
    49. 
	
  49. 
		            ControlToValidate="TextBox5"  ErrorMessage="确认密码不能为空  
    50. 
	
  50. 
		">*</asp:RequiredFieldValidator> 
    51. 
	
  51. 
		        <asp:CompareValidator ID=" CompareValidator1" runat="server" 
    52. 
	
  52. 
		            ControlToCompare="TextBox4"  ControlToValidate="TextBox5" 
    53. 
	
  53. 
		            ErrorMessage="密码不对请重新输入 ">*</asp:CompareValidator> 
    54. 
	
  54. 
		        <br /> 
    55. 
	
  55. 
		        <br /> 
    56. 
	
  56. 
		        <asp:Button ID="Button1" runat="server"  onclick="Button1_Click" 
    57. 
	
  57. 
		Text="提交" /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
    58. 
	
  58. 
		        <asp:Label ID="Label1" runat="server"  Text=" "></asp:Label> 
    59. 
	
  59. 
		        <br /> 
    60. 
	
  60. 
		        <asp:ValidationSummary ID=" ValidationSummary1" runat="server" /> 
    61. 
	
  61. 
		    </div> 
    62. 
	
  62. 
		    </form> 
    63. 
	
  63. 
		</body> 
    64. 
	
  64. 
		</html> 
    65. 



			

			

					 标签：网站建设(5654)广州网站设计(5620)广州网站建设(4075)广州网页设计(1868)
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机