教你只用一个Validator对多个控件进行验证

这个技巧是非常有用。如果我们有多个控件，我们只用一个验证控件来验证它。这将减少页面大小和改善性能，因为每个验证控件在客户端都会被渲染成span，如果一个页面包含上百个控件，就会使得页面非常的庞大臃肿。

在这篇文章的Demo中，动态创建的几个textbox，我只使用一个验证控件去验证它们。

1．aspx页面上：

1 <body>
2     <form id="form1" runat="server">
3     <div>
4         <asp:CustomValidator ID="CustomValidator1" runat="server" ></asp:CustomValidator>
5        <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
6     </div>
7
8     </form>
9 </body>

２．在服务端将验证控件和TextBox的onfocus事件关联起来：

1     protected void Page_Load(object sender, EventArgs e)
2     {
3         if (!IsPostBack)
4         {
5             for (int i = 0; i < 10; i++)
6             {
7                 TextBox tb = new TextBox();
8                 tb.ID = "tb" + i.ToString();
9                 tb.Attributes.Add("onfocus", "HookUpControl(this,'" + CustomValidator1.ClientID + "')");
10                 Page.Form.Controls.Add(tb);
11             }
12         }
13     }

３．HookUpControl函数如下：

1        function HookUpControl(curObj, validatorClientID)
2         {
3             var validationControl = document.getElementById(validatorClientID);
4             validationControl.controltovalidate = curObj.id;
5             validationControl.clientvalidationfunction = "validatetextbox";
6             validationControl.validateemptytext = "true";
7             ValidatorHookupControl(curObj, validationControl);
8         }

４．客户端的验证函数如下：

1         function validatetextbox(sender, args)
2         {
3             if (args.Value == "")
4             {
5                 sender.errormessage = "<b>该栏位不能为空。";
6                 sender.innerHTML = "<b>该栏位不能为空。";
7                 args.IsValid = false;
8                  return;
9             }
10             if (isNaN(args.Value))
11             {
12                 sender.errormessage = "<b>该栏位只能是数字。";
13                 sender.innerHTML = "<b>该栏位只能是数字。";
14                 args.IsValid = false;
15                  return;
16              }
17              if (Number(args.Value) < 100) {
18                  sender.errormessage = "<b>该栏位的值不能小于100。</b>";
19                  sender.innerHTML = "<b>该栏位的值不能小于100。</b>";
20                  args.IsValid = false;
21                  return;
22              }
23        }

其实主要使用了ValidatorHookupControl(curObj, validationControl)的功能。

在第一个TextBox中输入1，提示：该栏位的值不能小于100。