ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数，符合要求则继续运行服务器端代码功能的实现

Aspx界面代码对javascript函数的实现：

<script language="javascript" type="text/javascript" >

        var inputNum = "0";

        function isNum() {//判断输入的补助金是否是数字

            var txt = document.getElementById('<%=txtAllowancePerClass.ClientID %>');

            inputNum = txt.value;

            var reg = /[1-9]+[0-1]*/.?[0-9]+/g; //正则表达式

            if (reg.test(inputNum ) ) {

                 return true;//验证通过，则返回TRUE，会继续执行服务器端代码

            }

            else {

                alert("补助金必须是数值型数据！");              

   return false ;//验证不通过，不允许执行服务器端代码

            }

        }

    </script>

Button代码

<asp:Button ID="btnCommit" runat="server" Text="提交" Height="39px" Width="80px" onclick="btnCommit_Click"/>

服务器端：

protected void Page_Load(object sender, EventArgs e)

        {          

 if (!Page.IsPostBack)

            {

                //给btnCommit添加客户端事件

                btnCommit.Attributes.Add("OnClick", "return isNum()");

            }

}

 

 

 

上述代码则可实现题目中的功能。下面简单分析几点。

 

 

1 、控件Button调用javascirpt的方法isNum()，是可以使用OnClientClick属性的，如下：<asp:Button ID="btnCommit" runat="server" Text="提交" Height="39px"  Width="80px" onclick="btnCommit_Click"  OnClientClick ="javascript: isNum();“txtAllowancePerClass”Server<FONT face=""">”就行了。不过这样的控件还是只用于不与服务器端打交道好。