自制的一个输入验证控件

今天用正则表达式时突然来了兴致，想自己做一个验证用户输入的用户控件，经过几个小时的努力，终于完成了，内置了包括整数,正整数,负整数,数字,电话或手机,正数,负数,浮点数, 正浮点数,负浮点数,浮点数2,非负浮点数, 非正浮点数, 邮件,颜色,url,中文, ACSII字符,邮编,手机,IP地址,非空,图片,压缩文件, 日期, QQ号码,国内电话, 用户名,字母,大写字母,小写字母,身份证的32种常见的用户输入验证。先把代码贴出来再详细说说：
RegularExpressionInput.ascx代码：

1. <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="RegularExpressionInput.ascx.cs" Inherits="WebApplication1.RegularExpressionInput" %>
2. <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><span id="<%= this.ClientID %>_error" style="color:<%= color%>"></span>

RegularExpressionInput.cs代码：

1. using System;
2. using System.Collections;
3. using System.Configuration;
4. using System.Data;
5. using System.Linq;
6. using System.Web;
7. using System.Web.Security;
8. using System.Web.UI;
9. using System.Web.UI.HtmlControls;
10. using System.Web.UI.WebControls;
11. using System.Web.UI.WebControls.WebParts;
12. using System.Reflection;
14. namespace WebApplication1
15. {
16.     public partial class RegularExpressionInput : System.Web.UI.UserControl
17.     {
18.         /// <summary>
19.         /// 验证类型枚举
20.         /// </summary>
21.         public enum validation
22.         {
23.             整数,
24.             正整数,
25.             负整数,
26.             数字,
27.             电话或手机,
28.             正数,
29.             负数,
30.             浮点数,
31.             正浮点数,
32.             负浮点数,
33.             浮点数2,
34.             非负浮点数,
35.             非正浮点数,
36.             邮件,
37.             颜色,
38.             url,
39.             中文,
40.             ACSII字符,
41.             邮编,
42.             手机,
43.             IP地址,
44.             非空,
45.             图片,
46.             压缩文件,
47.             日期,
48.             QQ号码,
49.             国内电话,
50.             用户名,
51.             字母,
52.             大写字母,
53.             小写字母,
54.             身份证
55.         }
57.         private validation val;
58.         /// <summary>
59.         /// 验证类型
60.         /// </summary>
61.         public validation Validation
62.         {
63.             get { return val; }
64.             set { val = value; }
65.         }
67.         private string errorMsg;
68.         /// <summary>
69.         /// 出错提示
70.         /// </summary>
71.         public string ErrorMsg
72.         {
73.             get { return errorMsg; }
74.             set { errorMsg = value; }
75.         }
77.         /// <summary>
78.         /// 输入文本
79.         /// </summary>
80.         public string Text
81.         {
82.             get { return this.TextBox1.Text; }
83.             set { this.TextBox1.Text = value; }
84.         }
86.         private System.Drawing.Color msgColor;
87.         /// <summary>
88.         /// 错误提示颜色
89.         /// </summary>
90.         public System.Drawing.Color MsgColor
91.         {
92.             get { return msgColor; }
93.             set { msgColor = value; }
94.         }
96.         protected string color;
98.         protected string pattern;
99.         protected void Page_Load(object sender, EventArgs e)
100.         {
101.             switch (Convert.ToInt32(val))
102.             {
103.                 case 0://整数
104.                     pattern = "/^-?[1-9]//d*$/";
105.                     break;
106.                 case 1://正整数
107.                     pattern = "/^[1-9]//d*$/";
108.                     break;
109.                 case 2://负整数
110.                     pattern = "/^-[1-9]//d*$/";
111.                     break;
112.                 case 3://数字
113.                     pattern = "/^([+-]?)//d*//.?//d+$/";
114.                     break;
115.                 case 4://电话或手机
116.                     pattern = "/d*//-?//d+$/";
117.                     break;
118.                 case 5://正数（正整数 + 0）
119.                     pattern = "/^[1-9]//d*|0$/";
120.                     break;
121.                 case 6://负数（负整数 + 0）
122.                     pattern = "/^-[1-9]//d*|0$/";
123.                     break;
124.                 case 7://浮点数
125.                     pattern = "/^([+-]?)//d*//.//d+$/";
126.                     break;
127.                 case 8://正浮点数
128.                     pattern = "/^[1-9]//d*.//d*|0.//d*[1-9]//d*$/";
129.                     break;
130.                 case 9://负浮点数
131.                     pattern = "/^-([1-9]//d*.//d*|0.//d*[1-9]//d*)$/";
132.                     break;
133.                 case 10://浮点数
134.                     pattern = "/^-?([1-9]//d*.//d*|0.//d*[1-9]//d*|0?.0+|0)$/";
135.                     break;
136.                 case 11://非负浮点数（正浮点数 + 0）
137.                     pattern = "/^[1-9]//d*.//d*|0.//d*[1-9]//d*|0?.0+|0$/";
138.                     break;
139.                 case 12://非正浮点数（负浮点数 + 0）
140.                     pattern = "/^(-([1-9]//d*.//d*|0.//d*[1-9]//d*))|0?.0+|0$/";
141.                     break;
142.                 case 13://邮件
143.                     pattern = "/^//w+((-//w+)|(//.//w+))*//@[A-Za-z0-9]+((//.|-)[A-Za-z0-9]+)*//.[A-Za-z0-9]+$/";
144.                     break;
145.                 case 14://颜色
146.                     pattern = "/^[a-fA-F0-9]{6}$/";
147.                     break;
148.                 case 15://url(http格式的)
149.                     pattern = "/^http[s]?://////([//w-]+//.)+[//w-]+([//w-.///?%&=]*)?$/";
150.                     break;
151.                 case 16://仅中文
152.                     pattern = "/^[//u4E00-//u9FA5//uF900-//uFA2D]+$/";
153.                     break;
154.                 case 17://仅ACSII字符
155.                     pattern = "/^[//x00-//xFF]+$/";
156.                     break;
157.                 case 18://邮编
158.                     pattern = "/^//d{6}$/";
159.                     break;
160.                 case 19://手机(13号段和15号段)
161.                     pattern = "/^(13|15)[0-9]{9}$/";
162.                     break;
163.                 case 20://ip地址
164.                     pattern = "/^(//d{1,2}|1//d//d|2[0-4]//d|25[0-5]).(//d{1,2}|1//d//d|2[0-4]//d|25[0-5]).(//d{1,2}|1//d//d|2[0-4]//d|25[0-5]).(//d{1,2}|1//d//d|2[0-4]//d|25[0-5])$/";
165.                     break;
166.                 case 21://非空
167.                     pattern = "/^//S+$/";
168.                     break;
169.                 case 22://图片
170.                     pattern = "/(.*)//.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/";
171.                     break;
172.                 case 23://压缩文件
173.                     pattern = "/(.*)//.(rar|zip|7zip|tgz)$/";
174.                     break;
175.                 case 24://日期
176.                     pattern = "/^//d{4}(//-|///|//.)//d{1,2}//1//d{1,2}$/";
177.                     break;
178.                 case 25://QQ号码
179.                     pattern = "/^[1-9]*[1-9][0-9]*$/";
180.                     break;
181.                 case 26://国内电话
182.                     pattern = "/(//d{3}-|//d{4}-)?(//d{8}|//d{7})/";
183.                     break;
184.                 case 27://用来用户注册。匹配由数字、26个英文字母或者下划线组成的字符串
185.                     pattern = "/^(?!//d)[a-zA-Z0-9//u4e00-//u9fa5]+$/";
186.                     break;
187.                 case 28://字母
188.                     pattern = "/^[A-Za-z]+$/";
189.                     break;
190.                 case 29://大写字母
191.                     pattern = "/^[A-Z]+$/";
192.                     break;
193.                 case 30://小写字母
194.                     pattern = "/^[a-z]+$/";
195.                     break;
196.                 case 31://身份证
197.                     pattern = "/^[1-9]([0-9]{14}|[0-9]{17})$/";
198.                     break;
199.                 default:
200.                     pattern = string.Empty;
201.                     break;
202.             }
203.             color = msgColor.IsEmpty ? System.Drawing.Color.Red.Name : "#" + msgColor.Name.Substring(2);
204.             TextBox1.Attributes["onkeyup"] += "if(this.value.match(" + pattern + ")){var err=document.getElementById('" +
205.                 this.ClientID + "_error');err.innerHTML='';return true;}else{var err=document.getElementById('" + this.ClientID + "_error');err.innerHTML=/"" +
206.                 (string.IsNullOrEmpty(errorMsg) ? "*" : errorMsg) + "/";return false;}";
208.             AddAttributes(Page);
209.         }
211.         /// <summary>
212.         /// 为所有具有CausesValidation属性的控件添加检查脚本
213.         /// </summary>
214.         /// <param name="ctrl"></param>
215.         private void AddAttributes(Control ctrl)
216.         {
217.             if (ctrl.HasControls())
218.             {
219.                 foreach (Control c in ctrl.Controls)
220.                 {
221.                     Type t = c.GetType();
222.                     PropertyInfo causeVal = t.GetProperty("CausesValidation", typeof(bool));
223.                     if (causeVal != null)
224.                     {
225.                         PropertyInfo attr = t.GetProperty("Attributes", typeof(AttributeCollection));
226.                         AttributeCollection attributes = (AttributeCollection)attr.GetValue(c, null);
227.                         attributes["onclick"] += "var txt = document.getElementById('" + this.TextBox1.ClientID + "');if(txt.value.match(" + pattern + ")){var err=document.getElementById('" +
228.                 this.ClientID + "_error');err.innerHTML='';return true;}else{var err=document.getElementById('" + this.ClientID + "_error');err.innerHTML=/"" +
229.                 (string.IsNullOrEmpty(errorMsg) ? "*" : errorMsg) + "/";return false;}";
230.                     }
231.                     AddAttributes(c);
232.                 }
233.             }
234.         }
235.     }
236. }

测试网页前台代码：

1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default2.aspx.cs" Inherits="WebApplication1.gy.Default2" %>
3. <%@ Register Src="~/RegularExpressionInput.ascx" TagName="RegularExpressionInput"
4.     TagPrefix="rei" %>
5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6. <html xmlns="http://www.w3.org/1999/xhtml">
7. <head runat="server">
8.     <title>无标题页</title>
9. </head>
10. <body>
11.     <form id="form1" runat="server">
12.     <div>
13.         <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
14.         <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>
15.         <rei:RegularExpressionInput ID="RegularExpressionInput1" runat="server" ErrorMsg="请输入数字"
16.             MsgColor="#FF99FF" Validation="数字" />
17.         <rei:RegularExpressionInput ID="RegularExpressionInput2" runat="server" ErrorMsg="请输入中文"
18.             MsgColor="#333399" Validation="中文" />
19.     </div>
20.     </form>
21. </body>
22. </html>

后台代码：

1. using System;
2. using System.Collections;
3. using System.Configuration;
4. using System.Data;
5. using System.Linq;
6. using System.Web;
7. using System.Web.Security;
8. using System.Web.UI;
9. using System.Web.UI.HtmlControls;
10. using System.Web.UI.WebControls;
11. using System.Web.UI.WebControls.WebParts;
12. using System.Xml.Linq;
14. namespace WebApplication1
15. {
16.     public partial class Default2 : System.Web.UI.Page
17.     {
18.         protected void Page_Load(object sender, EventArgs e)
19.         {
21.         }
23.         protected void Button1_Click(object sender, EventArgs e)
24.         {
25.             Response.Redirect("~/Default.aspx");
26.         }
28.         protected void LinkButton1_Click(object sender, EventArgs e)
29.         {
30.             Response.Write("Hello");
31.         }
33.     }
35.     
36. }

做这个控件，验证部分不难，无非就是正则表达式而已，难的是这个控件要另页面上所有回发控件在回发之前先进行验证判断，如果验证不通过则不能回发。这里我采取的是遍历页面所有控件，如果控件具有CausesValidation属性，则在回发之前先进行输入验证，通过返回值决定是否回发。另外还有一个难点就是如果存在多个验证控件的时候如何控制页面上的回发控件都能都每一个验证控件进行验证，我现在的做法是将页面所有回发控件的onclick都加上了验证js，这样一来使得源代码大大增加，这是这个控件的一个缺陷，还有待修正。此控件可以在属性窗口处设置出错提示，提示颜色及验证类型，使用起来还是挺方便的，希望大家多提宝贵意见