首頁 > 其他

教你只用一個Validator對多個控制項進行驗證

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

      這個技巧是非常有用。如果我們有多個控制項，我們只用一個驗證控制項來驗證它 。這將減少頁面大小和改善效能，因為每個驗證控制項在用戶端都會被渲染成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。

在第二個TextBox中輸入a，提示：該欄位只能是數字。

在第三個TextBox輸入值，失去焦點後，再刪除，提示：該欄位不可為空。。

onfocus事件可以換成你相應的事件,validatetextbox函數也可以擴充等等。

Code:/Files/zhuqil/WebSite1.zip

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More