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

笑着哭i 提交于 2019-12-05 19:32:23

可以通过触发文本框的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         }

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!