只允许输入数字型Textbox演示

有一个需求，需要在GridView中批量输入数字！

 于是想到封装一个TextBox

代码如下：

public   class  NumberText : TextBox
     {
        private const string SMB_NUMBER_SCRIPT_ID = "{c4f7dcfd-8f9b-4fe8-8bd1-4a8a1f145c0c}";
        private const string SMB_NUMBER_SCRIPT_ONLY_HOOK = "return NumberEditor_KeyPress_Handle(this)";
        private const string SMB_NUMBER_SCRIPT_ONLY_SCRIPT = "<script language=/"javascript/">/n" +
            "function NumberEditor_KeyPress_Handle(ctrl)/n{{" +
            "if(event.keyCode == 13) /n return true;/n" +
            "if(event.keyCode<48 || event.keyCode>57 )/n" +
            "return false;/n else /n return true;/n}}" +
            "</script>";

        private void RenderJavscript()
        {
            if (!Page.ClientScript.IsClientScriptBlockRegistered(SMB_NUMBER_SCRIPT_ID))
            {
                Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), SMB_NUMBER_SCRIPT_ID, string.Format(SMB_NUMBER_SCRIPT_ONLY_SCRIPT, base.ID));
            }
        }

        protected override void AddAttributesToRender(HtmlTextWriter writer)
        {
            base.AddAttributesToRender(writer);
            writer.AddAttribute("OnKeyPress", SMB_NUMBER_SCRIPT_ONLY_HOOK);
        }

        protected override void OnPreRender(EventArgs e)
        {
            base.OnPreRender(e);
            RenderJavscript();
        }

        public NumberText()
            : base()
        { }
    }

关键点：第一，不要重复注册脚本，第二：要写在OnPreRender事件中

 在引用的Page页面中，可以这样调用　

 

  protected   override   void  OnPreLoad(EventArgs e)
         {
            base.OnPreLoad(e);
            NumberText number = new NumberText();
            place1.Controls.Add(number);//放在一个PlaceHolder中
        }

 

这样一来，　这个 NumberText只接收数字输入，如果需要小数点，可以再修改代码。不过，这里建议用两个NumberText来拼一个浮点数字，这样很好验证，因为小数字的位置不好固定。当然用正则也可以。

 

这里给出另外一个例子，首先，客户端验证：

protected   void  Page_Load( object  sender, EventArgs e)
         {
            if (!Page.ClientScript.IsClientScriptBlockRegistered("ClientCheck"))
            {
                Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "ClientCheck", GetCheckScript());
            }
            if (txtAvePrice != null) { txtAvePrice.Attributes.Add("onblur", "ClientCheckFunction('" + txtAvePrice.ClientID + "',6,2)"); }
        }
         /**/ /// <summary>
        /// 得到一段检测输入是否为有效数据的脚本
        /// 使用方法：  txtBox..Attributes.Add("onBlur", "ClientCheckFunction('txtBox',6,2)");
        /// 说明检测的TextBox为 txtBox，并且整数位为6位，小数位为2位
        /// </summary>
        /// <returns></returns>
         private   string  GetCheckScript()
         {
            return @"<script language=""javascript"">
                      function ClientCheckFunction(strid,nInt1,nInt2)
                      {
                        if(isNaN(document.getElementById((strid).value))
                         {
                              alert(""您输入的不是合法的数字。"");
                              document.getElementById((strid).focus();
                              document.getElementById((strid).select();
                              return false;
                         }
                        var sm = '^(//d){1,'+nInt1+'}$|^(//d){1,'+nInt1+'}//.(//d){1,'+nInt2+'}$';
                        var m = new RegExp(sm);
                        if(!m.test(document.getElementById((strid).value))
                         {
                             alert('输入的数字整数位最多'+nInt1+'位,小数位最多'+nInt2+'位');
                             document.getElementById((strid).focus();
                             document.getElementById((strid).select();
                             return false;
                         }
                        return true;
                      }</script>";
        }

 

第二步,服务器端验证：以GridView为例

前台页面：

  < asp:GridView  ID ="GVList"  runat ="server"  ShowFooter ="true"  AutoGenerateColumns ="False"
                BorderStyle ="Solid"  BorderColor ="#ffffff"  GridLines ="Horizontal"  CellSpacing ="1"
                Width ="640"  HorizontalAlign ="center"  BorderWidth ="0px"  EnableViewState ="true"
                DataKeyNames ="CustomID" >
                 < HeaderStyle  BackColor ="#1C5E55"  ForeColor ="White"  HorizontalAlign ="center"  Height ="30px"   />
                 < AlternatingRowStyle  BackColor ="#f7f7f7"   />
                 < RowStyle  HorizontalAlign ="center"  Height ="25px"  BackColor ="#E3EAEB"   />
                 < SelectedRowStyle  BackColor ="#C5BBAF"  Font-Bold ="True"  ForeColor ="#333333"   />
                 < Columns >
                     < asp:TemplateField >
                         < HeaderStyle  Width ="60px"  BackColor ="#1C5E55"  ForeColor ="White"   />
                         < HeaderTemplate >
                            分类编号 </ HeaderTemplate >
                         < ItemTemplate >
                             < asp:Label  ID ="PKID"  Text ='<%#  DataBinder.Eval(Container.DataItem,"CustomID")% > '
                                runat="server" />
                         </ ItemTemplate >
                     </ asp:TemplateField >
                    < asp:TemplateField >
                         < HeaderStyle  Width ="60px"  BackColor ="#1C5E55"  ForeColor ="White"   />
                         < HeaderTemplate >
                            单位 </ HeaderTemplate >
                         < ItemTemplate >
                             < asp:Label  ID ="C_Unit"  Text ="元/公斤"  runat ="server"   />
                         </ ItemTemplate >
                     </ asp:TemplateField >
                     < asp:TemplateField >
                         < HeaderTemplate >
                            最高价 </ HeaderTemplate >
                         < ItemTemplate >
                            最高价:
                             < asp:TextBox  ID ="txtMaxPrice"  runat ="Server"  CssClass ="PriceStyle"  MaxLength ="6"   />
                         </ ItemTemplate >
                     </ asp:TemplateField >
                     < asp:TemplateField >
                         < HeaderTemplate >
                            最低价
                         </ HeaderTemplate >
                         < ItemTemplate >
                            最低价: < asp:TextBox  ID ="txtMinPrice"  runat ="Server"  CssClass ="PriceStyle"  MaxLength ="6"   />
                         </ ItemTemplate >
                     </ asp:TemplateField >
                     < asp:TemplateField >
                         < HeaderTemplate >
                            平均价 </ HeaderTemplate >
                         < ItemTemplate >
                            平均价:
                             < asp:TextBox  ID ="txtAvePrice"  runat ="Server"  CssClass ="PriceStyle"  MaxLength ="6"   />
                         </ ItemTemplate >
                     </ asp:TemplateField >
                 </ Columns >
             </ asp:GridView >
   < asp:Button  ID ="btnInsert"  Text ="上传所填数据"  runat ="server"  OnClientClick ="javascript:return confirm('每天只能上传一次，重复上传会替换今日已上传的数据，确认要上传您的报价信息吗？')"   />

后台代码：

 

private   void  btnInsert_Click( object  sender, EventArgs e)
         {
            string str = CheckValid();
            if (str.Trim().Length > 0) { this.Debug(str, this.ClientID); return; }
            try { AddOneRecord(); }
            catch (Exception ex)
            {
                Loghandle by Tony 2008.11.21#region Loghandle by Tony 2008.11.21
                //string loginid = EmptyString;
                //myLogger.Error(GetErrorMessage(loginid, 1), ex);
                //Debug(ErrorHandle.GetErrorInfoByID(999), this.ClientID); return;
                #endregion
            }
         }
        private   string  CheckValid()
         {
            string str = string.Empty;
            if (null == GVList) { str = "上传数据为空！"; return str; }
            string strPre1 = ErrorHandle.GetErrorInfoByID(155);//获取错误信息
            string strPre2 = ErrorHandle.GetErrorInfoByID(156);//获取错误信息
            TestProj.Price.Framework.Components.Price2 p = new TestProj.Price.Framework.Components.Price2();

            Checkinput tony 2008.12.16#region Checkinput ////tony 2008.12.16
            foreach (GridViewRow gvr in GVList.Rows)
            {
                Label lb = (Label)(gvr.FindControl("PKID"));
                if (lb != null)
                {
                    int temp = SQLParser.IntParse(lb.Text);
                    if (temp > 0) { p.P_Cate = "---编号[" + temp + "]"; }
                }
                //验证平均价
                TextBox tb = (TextBox)(gvr.FindControl("txtAvePrice"));
                if (tb == null || tb.Text == EmptyString) { str = strPre1; return str + p.P_Cate; }
                try { p.P_AverPrice = Double.Parse(tb.Text.Replace(dunhao, numberdot)); }
                catch { str = strPre2; return str + p.P_Cate; }
                //验证最低价
                tb = (TextBox)(gvr.FindControl("txtMinPrice"));
                if (tb == null || tb.Text == EmptyString) { str = strPre1; return str + p.P_Cate; }
                try { p.P_MinPrice = Double.Parse(tb.Text.Replace(dunhao, numberdot)); }
                catch { str = strPre2; return str + p.P_Cate; }
                //验证最高价
                tb = (TextBox)(gvr.FindControl("txtMaxPrice"));
                if (tb == null || tb.Text == EmptyString) { str = strPre1; return str + p.P_Cate; }
                try { p.P_MaxPrice = Double.Parse(tb.Text.Replace(dunhao, numberdot)); }
                catch { str = strPre2; return str + p.P_Cate; }

                if (p.P_MinPrice > p.P_MaxPrice) { str = ErrorHandle.GetErrorInfoByID(157); return str + p.P_Cate; }
                if (p.P_AverPrice < p.P_MinPrice) { str = ErrorHandle.GetErrorInfoByID(158); return str + p.P_Cate; }
                if (p.P_AverPrice > p.P_MaxPrice) { str = ErrorHandle.GetErrorInfoByID(159); return str + p.P_Cate; }
            }
            #endregion
            return str;
        }

 

此时，每次验证结束时，将会提示用户一个编号，便于用户准确定位于错误行，以进行修改。