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

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

<scriptlanguage="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:ButtonID="btnCommit" runat="server" Text="提交"Height="39px" Width="80px" onclick="btnCommit_Click"/>

服务器端：

protectedvoid Page_Load(object sender,EventArgs e)

       {          

 if (!Page.IsPostBack)

           {

               //给btnCommit添加客户端事件

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

           }

}

 

 

 

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

 

 

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