只允许输入数字型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;
        }

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