软件发布

手机版,更便捷!

下载排行榜首页软件下载安卓下载资讯教程推荐专题装机必备
当前位置:文章资讯 > 编程开发 >

只用一个Validator对多个控件进行验证的方法是什么?教你只用一个Validator对多个控件进行验证

时间:2017-01-03 浏览次数: 编辑:9upk

这个技巧是非常有用。如果我们有多个控件,我们只用一个验证控件来验证它 。这将减少页面大小和改善性能,因为每个验证控件在客户端都会被渲染成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>
2.在服务端将验证控件和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 }
3.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 }
4.客户端的验证函数如下:

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函数也可以扩展等等。

标签: Validator

上一篇:利用WPF自己做的全文翻译小工具分享下一篇:当jsp文件放在某个文件夹下时jquery的.

相关文章

最新评论

本类排行榜

图文专题

  • 类地下城割草手游推荐
  • 种菜小游戏
  • 单机打鱼游戏
  • 好玩的放置修仙手游