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

时间:2019-11-27
本文章向大家介绍JS 文本框判断输入的内容是否为数字，主要包括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         }

原文地址：https://www.cnblogs.com/leon9dragon/p/11941691.html

随机文章
Javascript知识点必读
最近更新