首页 > 开发 > 综合 > 正文

创建具有自验证功能的textbox控件

2024-07-21 02:30:02
字体:
来源:转载
供稿:网友

    导言
   
    在强大的.net面前,我有很多的想法,我希望asp.net的web控件内建有验证功能,而不需要在页面中插入太多的验证控件以致代码混乱!现在我们将可以利用.net来创建一个只允许输入整型数字的的textbox控件或只允许输入货币型数据的textbox控件,等等。当然了,你还可以特别指定textbox控件可否为空或者是否在一个范围内,等等,另外,当我们输入的数据符合要求时,还可以返回一个值,以方便我们觉得是否要干预,甚至我们可以让它运行的时候根据输入数据是否符合要求呈现不同的颜色
   
    经过一番努力,我终于实现以上的想法
   
    实现ivalidator接口
   
    我在钻研sdk文档时发现,只要实现了ivalidator接口,任何的控件都可以具有验证功能,以下是一个继承textbox控件的简单的例子:
using system;
using system.web.ui.webcontrols;
using system.web.ui;

namespace myvalidatingcontrols {
   public class textbox : system.web.ui.webcontrols.textbox, ivalidator {
      private bool _valid = true;
      private string _errormessage = "";

      public bool isvalid {
         get { return _valid; }
         set { _valid = value; }
      }

      public string errormessage {
         get { return _errormessage; }
         set { _errormessage = value; }
      }

      public void validate() {
      }
   }
}
    当然了,这段程序什么都不做,但是它完全实现了基本的ivalidator接口的架构(至少它是可以成功编译的),我使用private关键字创建两个字段(field)用来保存验证状态和错误信息,为了确保验证控件能被执行,我们必须把我们的验证控件添加到页面中的验证控件集合中来。
   
    我在阅读sdk文档的时候发现,验证控件是在初始化期间加载他们本身的,ivalidators接口主要用来注册他们自己,所以我们需要使用覆盖的方法重新实现oninit和onunload事件,以便我们能从页面中的验证控件集合中添加或者删除它们
protected override void oninit(eventargs e) {
   base.oninit(e);
   page.validators.add(this);
}

protected override void onunload(eventargs e) {
   if (page != null) {
      page.validators.remove(this);
   }
   base.onunload(e);
}

    完成设置

    在我们实现我们的验证功能之前,为了使事件更简洁,我设置了一些帮助项目,因为我不想单独分别单独提供验证控件的错误信息,而是希望把他们嵌入到控件中来,以实现我们所期望格式的数据录入,因此,我需要做一些事情,使它可以适当的出现错误提示。
   
    我将添加一个叫做friendlyname属性,它将在所有的错误提示信息中出现以提示用户合法的数据类型,所以,如果我们调用的控件id是retailprice,我们将使该控件的riendlyname为retail price
private string _friendlyname = "";

public string friendlyname {
   get { return _friendlyname; }
   set { _friendlyname = value; }
}

    最后,我们重写isvalid事件,使它可以在验证不通过时可以改变控件的背景颜色
public bool isvalid {
   get { return _valid; }
   set {
      _valid = value;
      if (!_valid) {
         this.backcolor = color.lightcoral;
      }
      else {
         this.backcolor = color.white;
      }
   }
}

    不允许出现空格

    首先我们需要确定,提供一个可选项以决定是否允许为空值,我们在这里需要创建一个属性以判断是否可以为空
   
private bool _blankallowed = true;

public bool allowblank {
    get { return _blankallowed; }
    set { _blankallowed = value; }
}

    最后,我们可以重写验证函数
   
public virtual void validate() {
   this.isvalid = true;

   if (!this.allowblank) {
      bool isblank = (this.text.trim() == "");

      if (isblank) {
         this.errormessage =
             string.format("'{0}' cannot be blank.",
             this.friendlyname);
         this.isvalid = false;
      }
   }
}

    拓展我们的创意

    现在我们已经创建了一个内建基本验证功能的textbox控件,现在我们可以延展我们的想法,创建更多的有趣的具有特定验证功能的textbox控件
   
    下面以创建一个只允许输入整型数据的textbox控件(integertextbox),并且使该控件具有只允许输入的数据必须在一定的范围内,但我们仍然需要考虑是否允许空值,所以,象上面一样,需要添加一个属性
   
    在上面我们创建的基本的textbox控件的基础上,我们仅仅需要继承该控件,然后覆盖validate函数和添加一些新的属性
   
private int _minvalue = int32.minvalue;
private int _maxvalue = int32.maxvalue;

public int minvalue {
   get { return _minvalue; }
   set {
      _minvalue = value;

      if (_minvalue > _maxvalue) {
          int swap = _minvalue;
          _minvalue = _maxvalue;
          _maxvalue = swap;
      }
   }
}

public int maxvalue {
   get { return _maxvalue; }
   set {
      _maxvalue = value;

      if (_minvalue > _maxvalue) {
          int swap = _minvalue;
          _minvalue = _maxvalue;
          _maxvalue = swap;
      }
   }
}

    然后,我们扩充该validate函数,并把编译它为本地代码
   
public override void validate() {
   this.isvalid = true;

   bool isblank = (this.text.trim() == "");

   if (isblank) {
      if (!allowblank) {
         this.errormessage = string.format("'{0}' " +
            "cannot be blank.", this.friendlyname);
         this.isvalid = false;
      }
   } else {
      try {
         _value = int32.parse(this.text);
         if (_value < this.minvalue) {
            this.errormessage = string.format("'{0}' cannot " +
              "be less than {1}",
              this.friendlyname, this.minvalue);
            this.isvalid = false;
         }

         if (_value > this.maxvalue) {
            this.errormessage = string.format("'{0}' " +
               "cannot be more than {1}",
               this.friendlyname, this.minvalue);
            this.isvalid = false;
         }
      } catch {
         this.errormessage = string.format("'{0}' " +
              "is not a valid integer.", this.friendlyname);
         this.isvalid = false;
      }
   }
}

public int value {
   get { return _value; }
   set {
      _value = value;
      this.text = _value.tostring();
   }
}

    结论
   
    要写就那么多了,现在我们还可以在这个类的基础上创建诸如要求只能输入符合一定时间格式和货币格式,下面我们举一个例子以说明如何使用我们创建的控件
   
    在此以前我们要实现同样的功能需要写以下的代码:
   
<asp:textbox id="number" runat="server"/>
<asp:requiredfieldvalidator id="requiredfieldvalidator2"
   controltovalidate="number"
   text="'number' cannot be blank." runat="server"/>
<asp:rangevalidator id="range1" controltovalidate="number"
   minimumvalue="0" maximumvalue="100"
   type="integer" text="the value must be from 0 to 100!"
   runat="server"/>
  
    而现在,我们仅仅需一句:
mycontrols:integertext id="number"
    friendlyname="number" minvalue="0" maxvalue="100"
    allowblank="false" runat="server">
   
    最后,需要说明的是,我创建的这个类相对与现有的验证来说并不那么完美,一个明显需要改进地方是,我们需要在该类中添加客户端脚本,以使验证行为可以不只在服务器端触发,也可以在客户端触发
  
    我希望每一个人都能理解它的运行原理,以便你有更好的创意的时候可以修正它,也许有一天我可能会使用你创建的具有完美功能的类集。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表