[JS] 文本框判断输入的内容是否为数字

可以通过触发文本框的onchange事件来对输入的内容进行判断是否为数字

文本框的属性设置:

把onchange的属性对应的js函数写好即可

参数传输的是当前控件的value值,即text值

1 <asp:TextBox ID="Material_Num" runat="server" AutoPostBack="true" onchange="checkisnum(this.value)">asp:TextBox>

 

js代码的实现:

 1         //判斷輸入框是否輸入數字        
 2         function checkisnum(value) {            
 3             var val = value;
 4             if (!isNumber(val)) {
 5                 //如果輸入的內容不是數字,清空輸入框并彈出警告
 6                 document.getElementById('cphMainContent_Material_Num').value = null;
 7                 alert('請輸入有效的數字');
 8             }
 9         };
10 
11         //验证是否为数字
12         function isNumber(value) {
13             var patrn = /^(-)?\d+(\.\d+)?$/;
14             if (patrn.exec(value) == null || value == "") {
15                 return false
16             } else {
17                 return true
18             }
19         }