前端校验问题：如何禁止负数输入，仅允许正小数通过验证

看起来你的正则表达式逻辑出了问题，导致它没能正确拦截负数输入，而且还有个小笔误（那个逗号应该是你不小心打错的吧？）。我来帮你修正：

问题分析 #

你当前的正则/^\+?\d+,|\.?\d+$/其实是在匹配两种独立的情况：

• 要么是以可选加号开头的数字串，后面跟着一个逗号（这显然不是你想要的格式）
• 要么是以可选小数点加数字结尾的字符串

这种写法不仅会让负数（比如-12.3）通过检测（因为正则只看结尾的数字部分，忽略了开头的负号），还会接受很多无效格式（比如单独的逗号、小数点）。

解决方案 #

我们需要一个严格匹配正整数/正小数的正则，核心要做到：

• 完全禁止负号出现
• 支持整数（如123）或合法小数（如123.45）
• 可选允许开头的加号（如果你的业务需要的话）

推荐的正则有两种，根据你的需求选：

1. 只允许整数或带小数点的完整小数（不允许.5或123.这类格式）：

var regex = /^\+?\d+(\.\d+)?$/;

2. 允许以小数点开头的纯小数（比如.5），但不允许单独的小数点：

var regex = /^\+?(\d+(\.\d+)?|\.\d+)$/;

修改后的完整代码 #

把你的代码里的正则替换掉，再加上一些小优化（比如去除首尾空格、优化提示文案），最终代码如下：

$("#btn").on("click", function() { 
    // 使用严格匹配正小数的正则
    var regex = /^\+?\d+(\.\d+)?$/; 
    // 先去除输入的首尾空格，避免空格导致误判
    var inputValue = $("#param_valeur").val().trim();
    var isMatch = regex.test(inputValue);
    
    if (!isMatch) { 
        $.alert({ 
            title: 'Erreur', 
            content: 'Veuillez saisir un nombre positif valide !', 
        }); 
    } else { 
        $.post({ 
            url:"/track/admin/configureSeuilHorsZone", 
            data:$("#frm").serialize(), 
            success:function(data, status, xhr) { 
                $("#george_content").load("/track/welcome"); 
            } 
        }); 
    } 
});

额外小提示 #

• 如果不需要允许开头的加号，直接把正则里的\+?删掉就行，变成/^\d+(\.\d+)?$/
• 加上.trim()能避免用户不小心输入空格导致的错误验证

内容的提问来源于stack exchange，提问作者pheromix