js判断输入的input内容是否为数字(亲测可用)

橘子味的猫お

于 2019-11-13 14:03:08 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

原文链接：https://www.cnblogs.com/mantishell/p/10708664.html

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在前端使用JavaScript进行数字输入验证的方法，通过正则表达式检查输入字段的内容是否为有效的数字，提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候我们输入的input的内容需要判断一下是否是数字，所以为了更好的客户体验，在前端先处理一下：

<input type="text" name="val" class="val" />

var t = document.getElementsByClassName('val')[0];
t.onchange = function(){
    var val = this.value;
    if(!isNumber(val)) alert('不是有效的数字');
    else alert('是有效的数字')
};
function isNumber(value) {         //验证是否为数字
    var patrn = /^(-)?\d+(\.\d+)?$/;
    if (patrn.exec(value) == null || value == "") {
        return false
    } else {
        return true
    }
}