自制的一个输入验证控件

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

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

RegularExpressionInput.cs代码：

1. usingSystem;
2. usingSystem.Collections;
3. usingSystem.Configuration;
4. usingSystem.Data;
5. usingSystem.Linq;
6. usingSystem.Web;
7. usingSystem.Web.Security;
8. usingSystem.Web.UI;
9. usingSystem.Web.UI.HtmlControls;
10. usingSystem.Web.UI.WebControls;
11. usingSystem.Web.UI.WebControls.WebParts;
12. usingSystem.Reflection;
14. namespaceWebApplication1
15. {
16. publicpartialclassRegularExpressionInput:System.Web.UI.UserControl
17. {
18. ///<summary>
19. ///验证类型枚举
20. ///</summary>
21. publicenumvalidation
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. privatevalidationval;
58. ///<summary>
59. ///验证类型
60. ///</summary>
61. publicvalidationValidation
62. {
63. get{returnval;}
64. set{val=value;}
65. }
67. privatestringerrorMsg;
68. ///<summary>
69. ///出错提示
70. ///</summary>
71. publicstringErrorMsg
72. {
73. get{returnerrorMsg;}
74. set{errorMsg=value;}
75. }
77. ///<summary>
78. ///输入文本
79. ///</summary>
80. publicstringText
81. {
82. get{returnthis.TextBox1.Text;}
83. set{this.TextBox1.Text=value;}
84. }
86. privateSystem.Drawing.ColormsgColor;
87. ///<summary>
88. ///错误提示颜色
89. ///</summary>
90. publicSystem.Drawing.ColorMsgColor
91. {
92. get{returnmsgColor;}
93. set{msgColor=value;}
94. }
96. protectedstringcolor;
98. protectedstringpattern;
99. protectedvoidPage_Load(objectsender,EventArgse)
100. {
101. switch(Convert.ToInt32(val))
102. {
103. case0://整数
104. pattern="/^-?[1-9]\\d*$/";
105. break;
106. case1://正整数
107. pattern="/^[1-9]\\d*$/";
108. break;
109. case2://负整数
110. pattern="/^-[1-9]\\d*$/";
111. break;
112. case3://数字
113. pattern="/^([+-]?)\\d*\\.?\\d+$/";
114. break;
115. case4://电话或手机
116. pattern="/d*\\-?\\d+$/";
117. break;
118. case5://正数（正整数+0）
119. pattern="/^[1-9]\\d*|0$/";
120. break;
121. case6://负数（负整数+0）
122. pattern="/^-[1-9]\\d*|0$/";
123. break;
124. case7://浮点数
125. pattern="/^([+-]?)\\d*\\.\\d+$/";
126. break;
127. case8://正浮点数
128. pattern="/^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*$/";
129. break;
130. case9://负浮点数
131. pattern="/^-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*)$/";
132. break;
133. case10://浮点数
134. pattern="/^-?([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0)$/";
135. break;
136. case11://非负浮点数（正浮点数+0）
137. pattern="/^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0$/";
138. break;
139. case12://非正浮点数（负浮点数+0）
140. pattern="/^(-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*))|0?.0+|0$/";
141. break;
142. case13://邮件
143. pattern="/^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$/";
144. break;
145. case14://颜色
146. pattern="/^[a-fA-F0-9]{6}$/";
147. break;
148. case15://url(http格式的)
149. pattern="/^http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-.\\/?%&=]*)?$/";
150. break;
151. case16://仅中文
152. pattern="/^[\\u4E00-\\u9FA5\\uF900-\\uFA2D]+$/";
153. break;
154. case17://仅ACSII字符
155. pattern="/^[\\x00-\\xFF]+$/";
156. break;
157. case18://邮编
158. pattern="/^\\d{6}$/";
159. break;
160. case19://手机(13号段和15号段)
161. pattern="/^(13|15)[0-9]{9}$/";
162. break;
163. case20://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. case21://非空
167. pattern="/^\\S+$/";
168. break;
169. case22://图片
170. pattern="/(.*)\\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/";
171. break;
172. case23://压缩文件
173. pattern="/(.*)\\.(rar|zip|7zip|tgz)$/";
174. break;
175. case24://日期
176. pattern="/^\\d{4}(\\-|\\/|\\.)\\d{1,2}\\1\\d{1,2}$/";
177. break;
178. case25://QQ号码
179. pattern="/^[1-9]*[1-9][0-9]*$/";
180. break;
181. case26://国内电话
182. pattern="/(\\d{3}-|\\d{4}-)?(\\d{8}|\\d{7})/";
183. break;
184. case27://用来用户注册。匹配由数字、26个英文字母或者下划线组成的字符串
185. pattern="/^(?!\\d)[a-zA-Z0-9\\u4e00-\\u9fa5]+$/";
186. break;
187. case28://字母
188. pattern="/^[A-Za-z]+$/";
189. break;
190. case29://大写字母
191. pattern="/^[A-Z]+$/";
192. break;
193. case30://小写字母
194. pattern="/^[a-z]+$/";
195. break;
196. case31://身份证
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+")){varerr=document.getElementById('"+
205. this.ClientID+"_error');err.innerHTML='';returntrue;}else{varerr=document.getElementById('"+this.ClientID+"_error');err.innerHTML=\""+
206. (string.IsNullOrEmpty(errorMsg)?"*":errorMsg)+"\";returnfalse;}";
208. AddAttributes(Page);
209. }
211. ///<summary>
212. ///为所有具有CausesValidation属性的控件添加检查脚本
213. ///</summary>
214. ///<paramname="ctrl"></param>
215. privatevoidAddAttributes(Controlctrl)
216. {
217. if(ctrl.HasControls())
218. {
219. foreach(Controlcinctrl.Controls)
220. {
221. Typet=c.GetType();
222. PropertyInfocauseVal=t.GetProperty("CausesValidation",typeof(bool));
223. if(causeVal!=null)
224. {
225. PropertyInfoattr=t.GetProperty("Attributes",typeof(AttributeCollection));
226. AttributeCollectionattributes=(AttributeCollection)attr.GetValue(c,null);
227. attributes["onclick"]+="vartxt=document.getElementById('"+this.TextBox1.ClientID+"');if(txt.value.match("+pattern+")){varerr=document.getElementById('"+
228. this.ClientID+"_error');err.innerHTML='';returntrue;}else{varerr=document.getElementById('"+this.ClientID+"_error');err.innerHTML=\""+
229. (string.IsNullOrEmpty(errorMsg)?"*":errorMsg)+"\";returnfalse;}";
230. }
231. AddAttributes(c);
232. }
233. }
234. }
235. }
236. }

测试网页前台代码：

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

后台代码：

1. usingSystem;
2. usingSystem.Collections;
3. usingSystem.Configuration;
4. usingSystem.Data;
5. usingSystem.Linq;
6. usingSystem.Web;
7. usingSystem.Web.Security;
8. usingSystem.Web.UI;
9. usingSystem.Web.UI.HtmlControls;
10. usingSystem.Web.UI.WebControls;
11. usingSystem.Web.UI.WebControls.WebParts;
12. usingSystem.Xml.Linq;
14. namespaceWebApplication1
15. {
16. publicpartialclassDefault2:System.Web.UI.Page
17. {
18. protectedvoidPage_Load(objectsender,EventArgse)
19. {
21. }
23. protectedvoidButton1_Click(objectsender,EventArgse)
24. {
25. Response.Redirect("~/Default.aspx");
26. }
28. protectedvoidLinkButton1_Click(objectsender,EventArgse)
29. {
30. Response.Write("Hello");
31. }
33. }
36. }

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