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

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

文本框的属性设置:

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

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

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

js代码的实现:

         //判斷輸入框是否輸入數字
         function checkisnum(value) {
             var val = value;
             if (!isNumber(val)) {
                 //如果輸入的內容不是數字,清空輸入框并彈出警告
                 document.getElementById('cphMainContent_Material_Num').value = null;
                 alert('請輸入有效的數字');
             }
         };

         //验证是否为数字
         function isNumber(value) {
             var patrn = /^(-)?\d+(\.\d+)?$/;
             if (patrn.exec(value) == null || value == "") {
                 return false
             } else {
                 return true
             }
         }